最近在學習Vue的過程中,遇到了一個引用CSS文件出錯的問題,和大家分享一下。
當我嘗試在Vue組件中引入CSS文件時,遇到了以下錯誤提示:
```
Failed to compile.
./src/App.vue
Module not found: Error: Can't resolve './style.css' in '/Users/xxx/vue-demo/src'
```
我的目錄結構如下:
```
src/
├── App.vue
├── main.js
└── style.css
```
在App.vue中,我寫了以下代碼引入CSS文件:
```html```
但是,在運行項目的時候,卻出現了上述的錯誤提示。
經過查閱資料,發現原來是因為在Vue中,需要使用相對路徑來引用文件,而我在@import語句中使用的相對路徑有誤。正確的寫法應該是:
```html```
這樣修改后,項目就能正常運行了。
總結一下,如果在Vue組件中引用CSS文件出現了錯誤提示,大家可以先檢查一下相對路徑是否正確。希望這篇文章能夠對大家有所幫助。
Hello World!
上一篇html5店鋪首頁代碼
下一篇html5開發飛行棋代碼