node記憶體溢位處理

2022-05-16 05:11:13 字數 889 閱讀 3827

前端專案較大,編譯(npm run serve)或者打包(npm run build)時,服務突然停止,報記憶體溢位錯誤(stderr maxbuffer exceeded)

原因:在前端專案非常龐大時,webpack編譯會占用很多系統資源,如果超出了v8引擎對node預設的記憶體限制大小時,就會產生記憶體溢位的錯誤。

解決方案:放大node記憶體

方案一:使用increase-memory-limit外掛程式

方案二:修改package.json的node命令,--max-old-space-size=6000

方案三:修改環境變數

前兩種方案網上已有很多帖子給了詳細介紹,這裡只介紹第三種方案

這裡介紹mac電腦上修改環境變數的方案   (命令的輸入須英文模式)

1. 選擇終端,開啟命令列工具

2. 輸入:echo $path,按回車執行命令檢視當前變數值

3. 輸入:sudo vi ~/.bash_profile,按回車,輸入電腦密碼後,將開啟bash_profile檔案,

(沒有此檔案的話,系統會新建此檔案,且內容為空白文件)

4. 鍵盤按 i 開始編輯,輸入 export node_options=--max_old_space_size=6000

5. 編輯完成,按 esc 退出編輯模式

6. 輸入  :wq  儲存退出,  :q!  不儲存退出

7. 輸入 source ~/.bash_profile  (修改系統環境變數,須source一下,才能生效)

CSS溢位處理

css定義中的overflow屬性,封裝了溢位處理的這個概念。在盒子模型中的代表標籤的矩形物件,可以通過css樣式來定義內容區域的高度與寬度,當這個內容無法容納子矩形物件時,對於這些子矩形物件必須決定怎麼顯示,顯示什麼,這樣的處理規則就稱為溢位處理。瀏覽器在做顯示運算的時候,會依照溢位處理,來計算內...

內容溢位處理

單行內容 width 100px whitespace nowrap overflow hidden text overflow ellipsis 前提 固定內容容器寬度 要求 1 禁止文字換行 whitespace nowrap 2 讓溢位文字隱藏 overflow hidden 此處設定了寬度方...

html文字溢位處理

在前端開發的實際操作中,我們在寫頁面遇到此類問題時直接複製下列 使用即可.單行文字省略超出部分,顯示省略號 overflow hidden 超出部分隱藏 text overflow ellipsis 超出部分以省略號顯示 white space nowrap 超出部分強制不換行多行文字省略超出部分,...