使用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粉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 },
}