如何在 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 (将#修改为@）