Vue環(huán)境搭建報錯整理大全
更新時間：2022年08月18日 08:53:50 作者：LMGD
開發(fā)中遇到bug是在正常不過了,而程序也基本都是bug堆里爬出來的,對于程序員來說bug調(diào)試也是自己工作的重要組成部分,下面這篇文章主要給大家介紹了關(guān)于Vue環(huán)境搭建報錯整理的相關(guān)資料,需要的朋友可以參考下
錯1: 執(zhí)行 cnpm install / npm install 報錯如下
× Install fail! Error: [tui-editor@1.3.3 ? tui-chart@3.11.3 ? raphael@git+https://github.com/nhn/raphael.git#2.2.0-c] An unknown git error occurred
Error: [tui-editor@1.3.3 ? tui-chart@3.11.3 ? raphael@git+https://github.com/nhn/raphael.git#2.2.0-c] An unknown git error occurred
at module.exports (C:\Users\LMGD\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\download\git.js:36:11)
at runMicrotasks (<anonymous>)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async module.exports (C:\Users\LMGD\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\download\index.js:17:12)
at async _install (C:\Users\LMGD\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\install.js:125:16)
at async install (C:\Users\LMGD\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\install.js:26:12)
at async mapper (C:\Users\LMGD\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\install.js:266:9)
解決：
辦法1：降低node.js版本
1、開始以為是鏡像源連接不上，換成淘寶鏡像也不行。
2、node.js卸載多次，重新安裝也不行。百度的方法都試過也不行。最后最后最后，降低node.js版本，問題解決。
3、node.js 原本使用的版本是 node-v16.13.0-x64 卸載重新安裝 node-v12.9.0-x64 即可。（只是解決了這個問題而已，其他問題還是需要百度）
辦法2：降低版本依舊報錯，執(zhí)行相關(guān)命令
Error: [tui-editor@1.3.3 ? tui-chart@3.11.3 ? raphael@git+https://github.com/nhn/raphael.git#2.2.0-c] An unknown git error occurred
at module.exports (C:\Users\LMGD\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\download\git.js:36:11)
at processTicksAndRejections (internal/process/task_queues.js:85:5)
解決：執(zhí)行如下命令即可
npm install cnpm -g --registry=https://registry.npm.taobao.org
效果截圖：
報錯2:core-js 缺失問題
npm install --save core-js/modules/es.regexp.dot-all.js core-js/modules/es.typed-array.at.js
解決：core-js 缺失問題，首先安裝core-js ；運行：npm install core-js@2
npm install core-js@2
報錯3: Connection was aborted, errno 10053
OpenSSL SSL_read: Connection was aborted, errno 10053
原因: Git默認限制推送的大小，運行命令更改限制大小即可
解決: 執(zhí)行命令 ：git config --global http.postBuffer 524288000
git config --global http.postBuffer 524288000
報錯4:npm ERR! git@github.com: Permission denied (publickey)
npm WARN using --force Recommended protections disabled. npm ERR! npm ERR! code 128 npm ERR! npm ERR! An unknown git error occurred npm ERR! npm ERR! command git --no-replace-objects ls-remote ssh://git@github.com/adobe-webplatform/eve.git npm ERR! npm ERR! git@github.com: Permission denied (publickey). npm ERR! npm ERR! fatal: Could not read from remote repository. npm ERR! npm ERR! npm ERR! npm ERR! Please make sure you have the correct access rights npm ERR! npm ERR! and the repository exists.
解決：本地重新生成 publickey，然后在github上配置key即可
錯誤5：Error: Cannot find module 'webpack' 問題解決辦法
解決：沒找到webpack模塊，安裝webpack模塊，執(zhí)行命令 npm install --save-dev webpack
npm install --save-dev webpack
錯誤6： wanda-admin@4.4.0 dev: `vue-cli-service serve`
解決：使用淘寶鏡像，執(zhí)行如下命令即可
npm install cnpm -g --registry=https://registry.npm.taobao.org
錯誤7：Error: Cannot find module '@vue/cli-plugin-babel'
Error: Cannot find module '@vue/cli-plugin-babel'
Require stack:
- C:\Users\LMGD\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js
- C:\Users\LMGD\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:772:15)
at Function.Module._load (internal/modules/cjs/loader.js:677:27)
at Module.require (internal/modules/cjs/loader.js:830:19)
at require (internal/modules/cjs/helpers.js:68:18)
at idToPlugin (C:\Users\LMGD\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:145:14)
at C:\Users\LMGD\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:184:20
at Array.map (<anonymous>)
at Service.resolvePlugins (C:\Users\LMGD\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:170:10)
at new Service (C:\Users\LMGD\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:32:25)
at Object.<anonymous> (C:\Users\LMGD\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js:15:17) {
解決：缺少 @vue/cli-plugin-babel 安裝即可。執(zhí)行命令：npm install @vue/cli-plugin-babel
npm install @vue/cli-plugin-babel
錯誤8：vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET
輸入初始化項目命令 vue init webpack xxx項目名; 后報錯 報錯信息： vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET
解決： 這是網(wǎng)絡(luò)問題，切換好一點的網(wǎng)絡(luò)即可解決;
切換網(wǎng)絡(luò)后的效果圖：
總結(jié)
到此這篇關(guān)于Vue環(huán)境搭建報錯整理的文章就介紹到這了,更多相關(guān)Vue環(huán)境搭建報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了Vue實現(xiàn)瀏覽器打印功能，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了vue3.0?setup中使用vue-router問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
本文主要介紹了Vue路由跳轉(zhuǎn)的4種方式小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
為了解決加載組件中出現(xiàn)的報錯、超時、狀態(tài)展示等問題,可以使用?Vue?3?提供的異步組件（Async?Components）,它對于加載過程做了更細致的控制,這篇文章主要介紹了Vue?3?進階用法之異步組件,需要的朋友可以參考下2024-04-04
下面小編就為大家分享一篇完美解決axios跨域請求出錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要為大家詳細介紹了一些vue使用axios的小技巧,文中的示例代碼講解詳細,對我們深入掌握vue有一定的幫助,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10
這篇文章主要介紹了詳解vue3中組件的非兼容變更，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-03-03
這篇文章主要為大家詳細介紹了vue實現(xiàn)掃碼功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
本篇文章主要介紹了Vue中添加過渡效果的方法，Vue 在插入、更新或者移除 DOM 時，提供多種不同方式的應(yīng)用過渡效果，有興趣的同學(xué)可以了解一下。2017-03-03
Element UI是一套基于Vue的桌面端組件庫,封裝好了很多常用的UI組件,下面這篇文章主要給大家介紹了關(guān)于element如何初始化組件功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12