[Angular] npm ERR! code ELIFECYCLE ( angular11 執行 npm start 時發生錯誤)

    題,近期專案使用Angular11,臨時發生該問題,花了幾個小時,試過許多方法都無法解決,最後總算是搞定了,以下附上解決的步驟。


1. 修改package.json配置文件:

    (1) 將 "start": "ng serve" 調整為以下。

        "start": "node --max_old_space_size=8048 ./node_modules/@angular/cli/bin/ng serve"


2. 套件重新安裝"

    (1) 刪除緩存,在命令提示字元輸入 => npm cache clean --force

    (2) 刪除專案根目錄中的 node_modules 資料夾

    (3) 刪除 package-lock.json

    (4) 在專案中重新執行 => npm install


    這邊可以先執行看看 npm start,若是可以的話那就恭喜您,仍然無法的話就繼續執行第三步驟吧~


3. 將 node.js 版本調整為 10.X 版本 (圖片是我安裝的版本)

    (1) 將當前的nodejs解除安裝 (win10的話,直接在控制台那就可以解除安裝)。

    (2) 進入官網 Previous Releases | Node.js (nodejs.org),找到 10.X版本按下Downloads 。(本地備份 node-v10.24.1-x64.msi)


    (2) 依照電腦配置下載安裝


參考資料:

1. node.js - Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory in angular - Stack Overflow

2. node.js - How to solve npm error "npm ERR! code ELIFECYCLE" - Stack Overflow

3. node.js - npm ERR! code ELIFECYCLE (starting issue) - Stack Overflow

留言

這個網誌中的熱門文章

[C#] 無法載入檔案或組件 或其相依性的其中之一。 找到的組件資訊清單定義與組件參考不符。 (發生例外狀況於 HRESULT: 0x80131040)

[Cloud CICD] 後端篇 - .Net8 WebApi, Github Action, Azure App Service

[Cloud CICD] 前端篇 - Vue3, Github Action, Azure Static Web App