vue項(xiàng)目初始化過程中錯誤總結(jié)
vue項(xiàng)目初始化過程中的錯誤
使用npm install過程報錯
npm install報錯類似于
npm WARN tar ENOENT: no such file or directory, open '*\node_modules.staging*
報錯類似：
將 package-lock.json 文件刪除，重新install
項(xiàng)目在build或run時報錯
1、npm build 或 npm run 時，遇到關(guān)于 core-js 的錯誤 @core-js/modules/**
可能是由于 core-js 版本太高導(dǎo)致，解決辦法：
- ① 可通過安裝低版本解決 npm install core-js@2
- ② 修改 babel.config.js 文件：
presets: [ [ “@vue/app”, { useBuiltIns: “entry” } ] ]
2、在 build 或 run 時，若遇到 vue packages version mismatch: - vue@2.6.11 vue-template-compiler@2.6.10 類似報錯
看報錯提示可知是由于版本不匹配導(dǎo)致的，可將 vue-template-compiler 升級至所需的版本，此處 vue版本是2.6.11，而 vue-template-compiler 是2.6.10的，可通過
npm i vue-template-compiler@2.6.11(匹配的版本號) --save
3、在build或run時，若報錯如：
Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined
執(zhí)行 npm update，在build或run即可成功。
若還是報相同錯誤：
可以打開瀏覽器，看看頁面上有沒有什么報錯，如：
頁面給出了報錯提示，按照提示修改即可。
比如此處：
由于vue版本和vue-template-compiler版本不一致導(dǎo)致，則按照提示升級vue-template-compiler版本即可。
總結(jié)
各人系統(tǒng)環(huán)境不一樣，出現(xiàn)的錯誤也不盡相同，希望能幫助到您。
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
- 使用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不能訪問的解決方法
- vite+vue3項(xiàng)目初始化搭建的實(shí)現(xiàn)步驟
- vue vite之LogicFlow安裝核心依賴及項(xiàng)目初始化詳解
- mpvue 項(xiàng)目初始化及實(shí)現(xiàn)授權(quán)登錄的實(shí)現(xiàn)方法
- vue項(xiàng)目初始化到登錄login頁面的示例
- vue init webpack 項(xiàng)目初始化失敗問題
相關(guān)文章
這篇文章主要介紹了vue彈窗如何嵌入其它vue頁面,實(shí)現(xiàn)方式是將其他頁面作為組件傳入，在父頁面將該組件引入到彈框內(nèi)，實(shí)例代碼簡單易懂需要的朋友可以參考下2022-11-11
electron-vue開發(fā)環(huán)境內(nèi)存泄漏問題匯總
這篇文章主要介紹了electron-vue開發(fā)環(huán)境內(nèi)存泄漏問題匯總，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
Vue關(guān)于組件化開發(fā)知識點(diǎn)詳解
在本篇文章里，小編給大家分享的是關(guān)于Vue關(guān)于組件化開發(fā)知識點(diǎn)詳解內(nèi)容，有興趣的朋友們可以學(xué)習(xí)下。2020-05-05
這篇文章主要為大家詳細(xì)介紹了vue.js的安裝方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
vue-router?導(dǎo)航完成后獲取數(shù)據(jù)的實(shí)現(xiàn)方法
這篇文章主要介紹了vue-router?導(dǎo)航完成后獲取數(shù)據(jù),通過使用生命周期的 created() 函數(shù)，在組件創(chuàng)建完成后調(diào)用該方法，本文結(jié)合實(shí)例代碼給大家講解的非常詳細(xì)需要的朋友可以參考下2022-11-11
基于element日歷組件實(shí)現(xiàn)簽卡記錄
這篇文章主要為大家詳細(xì)介紹了基于element日歷組件實(shí)現(xiàn)簽卡記錄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
在antd Form表單中select設(shè)置初始值操作
這篇文章主要介紹了在antd Form表單中select設(shè)置初始值操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了vue3.0 項(xiàng)目搭建和使用流程，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-03-03
vueScroll實(shí)現(xiàn)移動端下拉刷新、上拉加載
這篇文章主要介紹了vueScroll實(shí)現(xiàn)移動端下拉刷新、上拉加載，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
在 Vue 3 中設(shè)置 `@` 指向根目錄的幾種常見方法匯總
在 Vue 3 項(xiàng)目開發(fā)中,為了方便管理和引用文件路徑,設(shè)置 @ 指向根目錄是一項(xiàng)常見的需求,下面給大家分享在Vue3中設(shè)置 `@` 指向根目錄的方法匯總,感興趣的朋友一起看看吧2024-06-06