亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

解決vue內(nèi)存溢出報錯的問題

 更新時間:2022年04月13日 10:20:07   作者:Violent-Ayang  
這篇文章主要介紹了解決vue內(nèi)存溢出報錯的問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

vue內(nèi)存溢出報錯

'"node --max-old-space-size=10240"' 不是內(nèi)部或外部命令,也不是可運行的程序
或批處理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 9009
npm ERR! mscodevue@3.0.2 dev: `vue-cli-service serve`
npm ERR! Exit status 9009
npm ERR!
npm ERR! Failed at the mscodevue@3.0.2 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\MySoftware\nodejs\node_cache\_logs\2022-03-12T12_18_02_919Z-debug.log

D:\layoutMachine\client\mscodevue>

在這里插入圖片描述

在cmd中執(zhí)行下面兩個代碼

npm install -g increase-memory-limit
increase-memory-limit

沒有完全解決的繼續(xù)看,以解決的不用看。

在vscode中,點擊文件,點擊首選項,點擊設(shè)置

在這里插入圖片描述

在search中搜索Exclude,找到Search Exclude,把**/node_modules刪掉

在這里插入圖片描述

然后點擊編輯,點擊替換把"%_prog%" 替換成 %_prog% (即去掉雙引號)

在這里插入圖片描述

重新run

在這里插入圖片描述

解決問題

vue項目打包內(nèi)存溢出問題踩坑

我的環(huán)境: win10環(huán)境 node.js版本 12+ 內(nèi)存16G

今天系統(tǒng)升級時通過運行npm run build:prod命令(或npm run build)

打包時一直報錯

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

因為我是從后臺剛轉(zhuǎn)到前端,雖然知道是內(nèi)存溢出要把內(nèi)存配置改大點

從網(wǎng)上搜的答案還是踩坑了

  • 刪除 C:\Users{賬戶}\下的.npmrc文件 我刪了,沒看出有啥變化,依然報錯(重啟了,清緩存了)
  • 全局安裝 increase-memory-limit插件

這個安裝上以后運行打包命令直接報錯了,報錯信息為

'“node --max-old-space-size=4096”'不是內(nèi)部或外部命令,也不是可運行的程序

這里不是內(nèi)存設(shè)置太大,而是因為win10系統(tǒng)命令行中不能正確識別雙引號"",因此還要把這個插件包中涉及到的腳本中雙引號都去掉,即修改node_modules下的.bin文件中的所有.cmd文件,將里面的"%_prog%" 去掉雙引號 改成 %_prog%

項目中依賴的模塊那么多,就算可以批量替換,但代碼改動越多,風(fēng)險越大,想想太麻煩了,所以再想想辦法吧!

  • 修改package.json文件中build命令處
"build": "node --max_old_space_size=4096 build/build.js"

我的項目使用vue-cli搭建的,不是引用上述build/build.js這種寫法,而是下面寫法:

"build:prod": "vue-cli-service build"

最終針對我的有效方案

上面那行代碼改為:

"build:prod": "node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js build"

改完之后運行 npm run build打包沒問題了,但是npm run serve 報了’“node --max-old-space-size=4096”'不是內(nèi)部或外部命令,也不是可運行的程序,要不就用vscode將項目下所有.cmd文件里面的"%_prog%"雙引號去掉,要不就將package.json里面的serve命令也改成build命令里面的格式

"serve": "node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js serve --open",

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 解決打包后出現(xiàn)錯誤y.a.addRoute is not a function的問題

    解決打包后出現(xiàn)錯誤y.a.addRoute is not a function的

    這篇文章主要介紹了解決打包后出現(xiàn)y.a.addRoute is not a function的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • vue實現(xiàn)循環(huán)滾動圖片

    vue實現(xiàn)循環(huán)滾動圖片

    這篇文章主要為大家詳細介紹了vue實現(xiàn)循環(huán)滾動圖片,多圖片輪播,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • vue安裝less-loader依賴失敗問題及解決方案

    vue安裝less-loader依賴失敗問題及解決方案

    這篇文章主要介紹了vue安裝less-loader依賴失敗問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • Vue項目中使用vuex詳解

    Vue項目中使用vuex詳解

    Vuex是一個專為Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式,它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化,下面這篇文章主要給大家介紹了關(guān)于vuex模塊獲取數(shù)據(jù)及方法的相關(guān)資料,需要的朋友可以參考下
    2023-03-03
  • vue3+elementPlus二次封裝表單的實現(xiàn)代碼

    vue3+elementPlus二次封裝表單的實現(xiàn)代碼

    最近使用Vue3+ElementPlus開發(fā)項目,從整體上構(gòu)思組件的封裝。能寫成組件的內(nèi)容都進行封裝,方便多個地方使用,這篇文章給大家介紹了vue3+elementPlus二次封裝表單的實現(xiàn),并通過代碼介紹的非常詳細,需要的朋友可以參考下
    2024-03-03
  • vue+vuex+axios+echarts畫一個動態(tài)更新的中國地圖的方法

    vue+vuex+axios+echarts畫一個動態(tài)更新的中國地圖的方法

    本篇文章主要介紹了vue+vuex+axios+echarts畫一個動態(tài)更新的中國地圖的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-12-12
  • vue組件傳值的11種方式總結(jié)

    vue組件傳值的11種方式總結(jié)

    這篇文章主要介紹了vue組件傳值的11種方式總結(jié),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-01-01
  • vue中echarts自動輪播tooltip問題

    vue中echarts自動輪播tooltip問題

    這篇文章主要介紹了vue中echarts自動輪播tooltip問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • vue如何加載本地json數(shù)據(jù)

    vue如何加載本地json數(shù)據(jù)

    這篇文章主要介紹了vue如何加載本地json數(shù)據(jù),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 項目中Axios二次封裝實例Demo

    項目中Axios二次封裝實例Demo

    vue項目經(jīng)常會用到axios來請求數(shù)據(jù),那么首先肯定需要對這個請求方法進行一個二次封裝,這篇文章主要給大家介紹了關(guān)于項目中Axios二次封裝的相關(guān)資料,需要的朋友可以參考下
    2021-06-06

最新評論