使用Vue-cal时遇到组件导入错误
P粉790187507
P粉790187507 2023-08-31 19:41:28
0
1
516
<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粉790187507
P粉790187507

全部回复(1)
P粉561438407

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

你必须做这样的事情:

import VueCal from 'vue-cal'
import 'vue-cal/dist/vuecal.css'

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

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

仍然有错误?

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

在文件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 },
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板