使用Vue-cal時遇到元件匯入錯誤
P粉790187507
P粉790187507 2023-08-31 19:41:28
0
1
517
<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 },
}
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板