在使用 Vue 進(jìn)行開發(fā)時,我們可能會遇到類似于 “vue-cli-service serve” 命令不能正常運行的問題,此時可能會出現(xiàn) “Module not found: Error: Can't resolve …” 的錯誤提示。
這種情況通常會發(fā)生在引入模塊時,模塊路徑錯誤或者是模塊沒有正確安裝等原因?qū)е碌摹?/p>
ERROR Failed to compile with 1 errors error in ./src/main.js Module not found: Error: Can't resolve './components/HelloWorld.vue' in '/Users/user/projects/vue-app/src' @ ./src/main.js 6:0-43 @ multi (webpack)-dev-server/client?http://localhost:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
例如在上面的錯誤提示中,我們可以看到錯誤發(fā)生在 ./src/main.js 文件中,引入的組件路徑為 ./components/HelloWorld.vue,但實際上該路徑下未找到對應(yīng)的組件導(dǎo)致錯誤。
解決這類問題的方法主要有以下幾種:
- 確認(rèn)模塊路徑是否正確,可以根據(jù)相對路徑或者絕對路徑引入,使用相對路徑時需注意路徑是否正確。
- 檢查模塊是否正確安裝,可以使用 npm 命令或者 yarn 命令重新安裝。
- 確認(rèn)是否存在其他因素導(dǎo)致該問題,如 webpack 配置、插件沖突等。
上一篇vue對象的加載
下一篇python 路徑重定向