最近在學(xué)習(xí)Vue的過(guò)程中，遇到了一個(gè)引用CSS文件出錯(cuò)的問(wèn)題，和大家分享一下。 當(dāng)我嘗試在Vue組件中引入CSS文件時(shí)，遇到了以下錯(cuò)誤提示： ``` Failed to compile. ./src/App.vue Module not found: Error: Can't resolve './style.css' in '/Users/xxx/vue-demo/src' ``` 我的目錄結(jié)構(gòu)如下： ``` src/ ├── App.vue ├── main.js └── style.css ``` 在App.vue中，我寫了以下代碼引入CSS文件： ```html``` 但是，在運(yùn)行項(xiàng)目的時(shí)候，卻出現(xiàn)了上述的錯(cuò)誤提示。 經(jīng)過(guò)查閱資料，發(fā)現(xiàn)原來(lái)是因?yàn)樵赩ue中，需要使用相對(duì)路徑來(lái)引用文件，而我在@import語(yǔ)句中使用的相對(duì)路徑有誤。正確的寫法應(yīng)該是： ```html``` 這樣修改后，項(xiàng)目就能正常運(yùn)行了。 總結(jié)一下，如果在Vue組件中引用CSS文件出現(xiàn)了錯(cuò)誤提示，大家可以先檢查一下相對(duì)路徑是否正確。希望這篇文章能夠?qū)Υ蠹矣兴鶐椭?/div>