搜索

首页  >  问答  >  正文

使用Vue-cal时遇到组件导入错误

<p>安装 <code>npm i vue-cal</code></p> <p>在我的js文件中:</p> <p><code>从 'vue-cal'</code> 导入 VueCal</p> <p>我在控制台中收到此消息: <code>无法解析模块说明符“vue-cal”</code></p>
P粉790187507P粉790187507498 天前538

全部回复(1)我来回复

  • P粉561438407

    P粉5614384072023-09-01 13:32:13

    与 Doc 相关,Vue Cal 是一个组件,因此您必须像组件一样使用它。

    你必须做这样的事情:

    import VueCal from 'vue-cal'
    import 'vue-cal/dist/vuecal.css'
    
    export default {
      components: { VueCal },
      ...
    }
    

    文档https://antoniandre.github.io/vue-cal/< /p>

    仍然有错误?

    您可以删除上面的导入并使用上面与部分相关的文档中的脚本或通过标记

    在文件index.html的head标签内:

    <head>
      ...
      <script src="https://unpkg.com/vue@legacy"></script>
      <script src="https://unpkg.com/vue-cal@legacy"></script>
      <link href="https://unpkg.com/vue-cal@legacy/dist/vuecal.css" rel="stylesheet">
    </head>
    

    现在 Vue cal 在您的 vue 应用程序中全面可用,您只需进入您的组件并执行以下操作:

    export default {
      components: { VueCal: vuecal },
    }
    

    回复
    0
  • 取消回复