vue3成功創(chuàng)建項目后?run?serve啟動項目報錯的解決
更新時間：2024年03月20日 14:24:46 作者：博客zhu虎康
這篇文章主要介紹了vue3成功創(chuàng)建項目后?run?serve啟動項目報錯的解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
遇到的問題
使用vue3成功創(chuàng)建項目后無法正常npm run serve。
第一次錯誤
Error: Cannot find module 'vue-loader-v16/package.json'
在報錯后我采用了
如下方法：
npm i -D vue-loader@14
我以為是vue-loader的版本過高，不兼容導(dǎo)致的問題。
但是再次執(zhí)行npm run serve時又出現(xiàn)了新的錯誤。
第二次錯誤
Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.
在上網(wǎng)尋找方法后，我采用了
如下方法：
rm node_modules -r -fo rm package-lock.json npm cache clear --force npm install
但是依舊報如下錯：
Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.
后來，我是這樣解決的
在經(jīng)過加班熬夜中的苦思冥想后，終于找到了解決的辦法。
首先進(jìn)入創(chuàng)建的vue3文件夾下，卸載第一次報錯的vue-loader，然后再重新安裝。
cd .\vue3_test\ npm uninstall vue-loader-v16 npm i vue-loader-v16
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用Vue進(jìn)行數(shù)據(jù)可視化實踐分享
在當(dāng)今的數(shù)據(jù)驅(qū)動時代,數(shù)據(jù)可視化變得越來越重要,它能夠幫助我們更直觀地理解數(shù)據(jù),從而做出更好的決策,在這篇博客中,我們將探索如何使用 Vue 和一些常見的圖表庫（如 Chart.js）來制作漂亮的數(shù)據(jù)可視化效果,需要的朋友可以參考下2024-10-10
這篇文章主要介紹了Vuex中Store的簡單實現(xiàn),為了在 Vue 組件中訪問 this.$store property,你需要為 Vue 實例提供創(chuàng)建好的 store,Vuex 提供了一個從根組件向所有子組件,以 store 選項的方式 注入 該 store 的機制,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了vue腳手架（vue-cli）搭建項目，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
今天小編就為大家分享一篇淺談vue同一頁面中擁有兩個表單時,的驗證問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了詳解vue/cli 3使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
Vue.js仿Metronic高級表格(一)靜態(tài)設(shè)計
這篇文章主要為大家詳細(xì)介紹了Vue.js仿Metronic高級表格的靜態(tài)設(shè)計，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了Vue CLI3 如何支持less的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家介紹了el-upload大文件切片上傳實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
vue頁面中使用getElementsByClassName無法獲取元素的解決
這篇文章主要介紹了vue頁面中使用getElementsByClassName無法獲取元素的解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue中keep-alive內(nèi)置組件緩存的實例代碼
這篇文章主要介紹了vue中的keep-alive內(nèi)置組件緩存，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04