如何解决如何在 VUE JS 项目中通过 npm 正确安装 vue-owl-carousel?
我有一个 vue-js 网络应用,我想安装像 vue-owl-carousel
这样的 3rd-party 模块。我遵循了本指南 here。我做了这些步骤,但是当我尝试调用导入函数时:
import carousel from "vue-owl-carousel";
它说 Could not find a declaration file for module 'vue-owl-carousel' . 'file-path' implicitly has an 'any' type.
它说我需要在这个 answer 中添加 vendor.d.ts
文件。
但似乎没有任何效果。任何想法如何实现这一点?我正在像这样将我的 owl carousel 调用到组件中:
<template>
<div id="bottom">
<div class="wrapper">
<div class="btm1_content">
<h5>Our Process Flow</h5>
<div class="btm1_mainBox">
<carousel>
<div
class="btm1_Box"
v-for="process in processes"
:key="process.id"
>
<h4>{{ process.title }}</h4>
<p>{{ process.content }}</p>
</div>
</carousel>
</div>
</div>
</div>
</div>
</template>
<script>
import carousel from "vue-owl-carousel";
export default {
name: "bottom",components: { carousel },data() {
return {
processes: [
{
id: "1",title: "Process Title",content:
"Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",},{
id: "2",],};
},};
</script>
编辑
这是我的vue.config.js
module.exports = {
css: {
loaderOptions: {
sass: {
additionalData: `@import "@/assets/scss/app.scss";`,};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。