vue項(xiàng)目初始化過(guò)程中錯(cuò)誤總結(jié)
vue項(xiàng)目初始化過(guò)程中的錯(cuò)誤
使用npm install過(guò)程報(bào)錯(cuò)
npm install報(bào)錯(cuò)類(lèi)似于
npm WARN tar ENOENT: no such file or directory, open '*\node_modules.staging*
報(bào)錯(cuò)類(lèi)似：
將 package-lock.json 文件刪除，重新install
項(xiàng)目在build或run時(shí)報(bào)錯(cuò)
1、npm build 或 npm run 時(shí)，遇到關(guān)于 core-js 的錯(cuò)誤 @core-js/modules/**
可能是由于 core-js 版本太高導(dǎo)致，解決辦法：
- ① 可通過(guò)安裝低版本解決 npm install core-js@2
- ② 修改 babel.config.js 文件：
presets: [ [ “@vue/app”, { useBuiltIns: “entry” } ] ]
2、在 build 或 run 時(shí)，若遇到 vue packages version mismatch: - vue@2.6.11 vue-template-compiler@2.6.10 類(lèi)似報(bào)錯(cuò)
看報(bào)錯(cuò)提示可知是由于版本不匹配導(dǎo)致的，可將 vue-template-compiler 升級(jí)至所需的版本，此處 vue版本是2.6.11，而 vue-template-compiler 是2.6.10的，可通過(guò)
npm i vue-template-compiler@2.6.11(匹配的版本號(hào)) --save
3、在build或run時(shí)，若報(bào)錯(cuò)如：
Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined
執(zhí)行 npm update，在build或run即可成功。
若還是報(bào)相同錯(cuò)誤：
可以打開(kāi)瀏覽器，看看頁(yè)面上有沒(méi)有什么報(bào)錯(cuò)，如：
頁(yè)面給出了報(bào)錯(cuò)提示，按照提示修改即可。
比如此處：
由于vue版本和vue-template-compiler版本不一致導(dǎo)致，則按照提示升級(jí)vue-template-compiler版本即可。
總結(jié)
各人系統(tǒng)環(huán)境不一樣，出現(xiàn)的錯(cuò)誤也不盡相同，希望能幫助到您。
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- 使用vue init webpack項(xiàng)目名創(chuàng)建項(xiàng)目方式
- vue create、vue webpack init創(chuàng)建vue項(xiàng)目產(chǎn)生的項(xiàng)目文件的區(qū)別
- vue init webpack myproject構(gòu)建項(xiàng)目 ip不能訪問(wèn)的解決方法
- vite+vue3項(xiàng)目初始化搭建的實(shí)現(xiàn)步驟
- vue vite之LogicFlow安裝核心依賴(lài)及項(xiàng)目初始化詳解
- mpvue 項(xiàng)目初始化及實(shí)現(xiàn)授權(quán)登錄的實(shí)現(xiàn)方法
- vue項(xiàng)目初始化到登錄login頁(yè)面的示例
- vue init webpack 項(xiàng)目初始化失敗問(wèn)題
相關(guān)文章
本文通過(guò)圖文并茂的形式給大家介紹了Vue組件之自定義事件的功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-02-02
本篇文章主要介紹了Vue組件通信實(shí)踐記錄（推薦），小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
在Vue中使用Avue、配置過(guò)程及實(shí)際應(yīng)用小結(jié)
在項(xiàng)目中遇到通過(guò)點(diǎn)擊加號(hào)實(shí)現(xiàn)輸入框的增加、以及對(duì)該輸入框的輸入內(nèi)容進(jìn)行驗(yàn)證，通過(guò)這些誘導(dǎo)因素創(chuàng)作的這篇文章，本文重點(diǎn)給大家介紹在Vue中使用Avue、配置過(guò)程以及實(shí)際應(yīng)用,需要的朋友可以參考下2022-10-10
Vue源碼解讀之Component組件注冊(cè)的實(shí)現(xiàn)
這篇文章主要介紹了Vue源碼解讀之Component組件注冊(cè)的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
這篇文章主要為大家詳細(xì)介紹了vue如何實(shí)現(xiàn)給特殊字段設(shè)置插槽,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以學(xué)習(xí)一下2023-09-09
vue長(zhǎng)按事件和點(diǎn)擊事件沖突的解決
這篇文章主要介紹了vue長(zhǎng)按事件和點(diǎn)擊事件沖突的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
vue開(kāi)發(fā)table數(shù)據(jù)合并實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了vue開(kāi)發(fā)table數(shù)據(jù)合并實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家詳細(xì)介紹了vue2實(shí)現(xiàn)手勢(shì)密碼功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
vue實(shí)現(xiàn)內(nèi)容可滾動(dòng)的彈窗效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)內(nèi)容可滾動(dòng)的彈窗效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Vue axios 跨域請(qǐng)求無(wú)法帶上cookie的解決
這篇文章主要介紹了Vue axios 跨域請(qǐng)求無(wú)法帶上cookie的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09