快捷導(dǎo)航

vue3成功創(chuàng)建項(xiàng)目后?run?serve啟動(dòng)項(xiàng)目報(bào)錯(cuò)的解決

更新時(shí)間：2024年03月20日 14:24:46 作者：博客zhu虎康

這篇文章主要介紹了vue3成功創(chuàng)建項(xiàng)目后?run?serve啟動(dòng)項(xiàng)目報(bào)錯(cuò)的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

遇到的問(wèn)題

使用vue3成功創(chuàng)建項(xiàng)目后無(wú)法正常npm run serve。

第一次錯(cuò)誤

Error: Cannot find module 'vue-loader-v16/package.json'

在報(bào)錯(cuò)后我采用了

如下方法：

npm i -D vue-loader@14

我以為是vue-loader的版本過(guò)高，不兼容導(dǎo)致的問(wèn)題。

但是再次執(zhí)行npm run serve時(shí)又出現(xiàn)了新的錯(cuò)誤。

第二次錯(cuò)誤

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

但是依舊報(bào)如下錯(cuò)：

Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.

后來(lái)，我是這樣解決的

在經(jīng)過(guò)加班熬夜中的苦思冥想后，終于找到了解決的辦法。

首先進(jìn)入創(chuàng)建的vue3文件夾下，卸載第一次報(bào)錯(cuò)的vue-loader，然后再重新安裝。

cd .\vue3_test\

npm uninstall vue-loader-v16

npm i vue-loader-v16

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

使用Vue進(jìn)行數(shù)據(jù)可視化實(shí)踐分享
在當(dāng)今的數(shù)據(jù)驅(qū)動(dòng)時(shí)代,數(shù)據(jù)可視化變得越來(lái)越重要,它能夠幫助我們更直觀地理解數(shù)據(jù),從而做出更好的決策,在這篇博客中,我們將探索如何使用 Vue 和一些常見(jiàn)的圖表庫(kù)（如 Chart.js）來(lái)制作漂亮的數(shù)據(jù)可視化效果,需要的朋友可以參考下
2024-10-10
Vuex中Store的簡(jiǎn)單實(shí)現(xiàn)
這篇文章主要介紹了Vuex中Store的簡(jiǎn)單實(shí)現(xiàn),為了在 Vue 組件中訪問(wèn) this.$store property,你需要為 Vue 實(shí)例提供創(chuàng)建好的 store,Vuex 提供了一個(gè)從根組件向所有子組件,以 store 選項(xiàng)的方式注入該 store 的機(jī)制,需要的朋友可以參考下
2023-11-11
使用vue腳手架（vue-cli）搭建一個(gè)項(xiàng)目詳解
這篇文章主要介紹了vue腳手架（vue-cli）搭建項(xiàng)目，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
淺談vue同一頁(yè)面中擁有兩個(gè)表單時(shí),的驗(yàn)證問(wèn)題
今天小編就為大家分享一篇淺談vue同一頁(yè)面中擁有兩個(gè)表單時(shí),的驗(yàn)證問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09
詳解vue-cli3使用
這篇文章主要介紹了詳解vue/cli 3使用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
Vue.js仿Metronic高級(jí)表格(一)靜態(tài)設(shè)計(jì)
這篇文章主要為大家詳細(xì)介紹了Vue.js仿Metronic高級(jí)表格的靜態(tài)設(shè)計(jì)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
Vue CLI3 如何支持less的方法示例
這篇文章主要介紹了Vue CLI3 如何支持less的方法示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
el-upload大文件切片上傳實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了el-upload大文件切片上傳實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
vue頁(yè)面中使用getElementsByClassName無(wú)法獲取元素的解決
這篇文章主要介紹了vue頁(yè)面中使用getElementsByClassName無(wú)法獲取元素的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-03-03
vue中keep-alive內(nèi)置組件緩存的實(shí)例代碼
這篇文章主要介紹了vue中的keep-alive內(nèi)置組件緩存，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-04-04