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的版本過高，不兼容導致的問題。
但是再次執(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)過加班熬夜中的苦思冥想后，終于找到了解決的辦法。
首先進入創(chuàng)建的vue3文件夾下，卸載第一次報錯的vue-loader，然后再重新安裝。
cd .\vue3_test\ npm uninstall vue-loader-v16 npm i vue-loader-v16
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
使用Vue純前端實現(xiàn)發(fā)送短信驗證碼并實現(xiàn)倒計時
在實際的應用開發(fā)中,涉及用戶登錄驗證、密碼重置等場景時,通常需要前端實現(xiàn)發(fā)送短信驗證碼的功能,以提升用戶體驗和安全性,以下是一個簡單的前端實現(xiàn),演示了如何在用戶點擊發(fā)送驗證碼按鈕時觸發(fā)短信驗證碼的發(fā)送,并開始一個倒計時2024-04-04
這篇文章主要給大家介紹了關于如何一步步基于element-ui封裝查詢組件的相關資料,本文通過示例代碼介紹的非常詳細,對大家學習或者使用vue.js具有一定的參考學習價值,需要的朋友可以參考下2021-10-10
這篇文章主要介紹了如何查看vue-cli版本的兩個命令問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要介紹了實現(xiàn)一個Vue自定義指令懶加載的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
使用Vue3進行數(shù)據(jù)綁定及顯示列表數(shù)據(jù)
這篇文章主要介紹了使用Vue3進行數(shù)據(jù)綁定及顯示列表數(shù)據(jù)，整篇文章圍繞Vue3進行數(shù)據(jù)綁定及顯示列表數(shù)據(jù)的想換自來哦展開內容,需要的小伙伴可以參考一下2021-10-10
這篇文章主要介紹了keep-alive不能緩存多層級路由菜單問題解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
這篇文章主要介紹了vue-cli3 取消eslint校驗代碼的解決辦法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-01-01
在Vue中，computed屬性是一種計算屬性，它的值是根據(jù)其他數(shù)據(jù)的值動態(tài)計算出來的，下面小編主要來和大家聊聊Vue 3的組合式API中如何使用computed屬性，感興趣的小伙伴快跟隨小編一起了解一下吧2023-06-06
Vue使用axios post方式將表單中的數(shù)據(jù)以json格式提交給后端接收操作實例
這篇文章主要介紹了Vue使用axios post方式將表單中的數(shù)據(jù)以json格式提交給后端接收操作,結合實例形式分析了vue基于axios庫post傳送表單json格式數(shù)據(jù)相關操作實現(xiàn)技巧與注意事項,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了vue項目之數(shù)量占比進度條實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12