前端vue項目遇到的問題01——那些初級問題
- 1. npm install 問題
- 1.1 依賴沖突
- 1.1.1 詳細問題
- 1.1.2 報錯原因
- 1.1.3 解決問題
- 1.1.3.1 方式1——無視沖突
- 1.1.3.1 方式2——更換依賴版本
- 1.2 nodejs版本問題
- 1.3 node版本正確的情況（audit問題）（這個好像無視版本錯誤時可能會有）
- 1.4 ValidationError: Invalid options object.報錯（這個好像無視版本錯誤時可能會有）
- 1.5 隨意切換鏡像地址進行 install
- 2. 內存問題
- 2.1 npm run dev 內存溢出
1. npm install 問題
1.1 依賴沖突
1.1.1 詳細問題
- 如下：
npm ERR! While resolving: undefined@1.0.0 npm ERR! Found: element-ui@2.13.2 npm ERR! node_modules/element-ui npm ERR! element-ui@"2.13.2" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer element-ui@">=2.15.3" from @smallwei/avue@2.12.2
1.1.2 報錯原因
- 報錯原因：
在新版本的npm中，默認情況下，npm install遇到沖突的peerDependencies時將失敗。 - 看錯誤提示信息：
- 根據上面的提示信息，可知有兩種解決辦法，請繼續……
1.1.3 解決問題
1.1.3.1 方式1——無視沖突
-
這個吧，個人不建議使用，因為這次無視之后install成功了，后面還有別的幺蛾子出現，所以不妨直接用對版本，非要這么解決的話，那你看吧！
-
無視沖突，解決辦法：
使用- -force或--legacy-peer-deps可解決這種情況。–force 會無視沖突，并強制獲取遠端npm庫資源，當有資源沖突時覆蓋掉原先的版本。
–legacy-peer-deps：安裝時忽略所有peerDependencies，忽視依賴沖突，采用npm版本4到版本6的樣式去安裝依賴，已有的依賴不會覆蓋。
建議用
--legacy-peer-deps比較保險一點在終端重新安裝即可解決
npm install --legacy-peer-deps
1.1.3.1 方式2——更換依賴版本
- 在
package.json文件中修改報錯時提示的建議版本，如下：
1.2 nodejs版本問題
- 根據提示信息，考慮更好一下
nodejs版本，以防后續各種幺蛾子出現！
- 關于Mac上安裝多版本的node，可以看下面的文章，其他系統自行處理：
Mac上安裝多版本nodejs 并 隨意切換node版本.
1.3 node版本正確的情況（audit問題）（這個好像無視版本錯誤時可能會有）
- 如果nodejs版本已經和原先代碼開發、打包用的版本一致了，還有其他類似下面的問題，如下：
found 8 vulnerabilities (6 moderate, 2 high)run `npm audit fix` to fix them, or `npm audit` for details
- 解決辦法：
- 先，刪除 node_modules 目錄 和 package-lock.json文件
- 然后，重新執行以下指令，問題即可解決
npm install --no-fund --no-audit
1.4 ValidationError: Invalid options object.報錯（這個好像無視版本錯誤時可能會有）
- 錯誤信息如下：
ERROR ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.- options has an unknown property 'disableHostCheck'. These properties are valid:object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, setupMiddlewares?, static?, watchFiles?, webSocketServer? }
- 解決問題：
把vue.config.js文件中的disableHostCheck: true配置注釋掉，如下：
1.5 隨意切換鏡像地址進行 install
- 關于 install 慢的問題，可以下載淘寶鏡像，但時不時又想使用nrm或其他鏡像地址，那么請安裝nrm工具進行管理，關于nrm以及隨意切換鏡像地址的，請看下面的文章：
npm常用命令 + 前端常用的包管理工具 以及 npm淘寶鏡像配置等.
2. 內存問題
2.1 npm run dev 內存溢出
-
問題描述（windows下遇到的問題）：
-
錯誤代碼解釋：
錯誤碼errno 3221225725是 Windows 操作系統下的一個錯誤碼，對應的錯誤信息是 STATUS_HEAP_CORRUPTION，通常是由于堆棧損壞導致的程序崩潰。堆棧損壞可以是內存泄漏、指針越界、釋放已釋放的內存等原因導致的。如果你遇到了這個錯誤碼，可以考慮以下幾種解決方法：
- 檢查代碼中是否有內存泄漏、指針越界、釋放已釋放的內存等問題。
- 使用工具檢測和修復堆棧問題，比如Windows自帶的調試工具WinDbg。
- 更新操作系統和相關軟件，確保已經安裝了最新的補丁和更新。
-
解決問題：修改項目node內存配置大小，然后重新
npm run dev即可，如下：
找到package.json文件，修改node --max_old_space_size配置選項的大小（這個是M單位），如下：
)
