關于JS stack trace解決辦法

問題描述

npm run serve啟動前端項目時,控制臺輸出下圖一堆的文字,JS stack trace ,

問題現象:


==== JS stack trace =========================================Security context: 0000017B93ACFB61 <JS Object>1: init_scope_vars [0000017B93A04381 <undefined>:~3382] [pc=0000021C499F308D] (this=000003B07C026939 <an AST_Function with map 000001FA502ACAB9>,nesting=3)2: visit [0000017B93A04381 <undefined>:~3246] [pc=0000021C499EFC85] (this=000003CB4FA172A1 <a TreeWalker with map 000001FA502AEB61>,node=000003B07C026939 <an AST_Function with map 000001FA502ACAB9>,descend=000003EF887DA4C9 <JS Func...FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

問題原因:

nodejs v8 內存溢出問題:因為Node中通過JavaScript使用內存時只能使用部分內存(64位系統:1.4 GB,32位系統:0.7 GB),如果前端項目比較大,Webpack編譯時就會占用很多的系統資源,一旦超出了V8引擎對Node默認的內存限制大小時,就會產生內存溢出的錯誤

解決辦法:

直接在項目下 新建一個index.js文件夾,然后再終端執行 node index.js,這樣做的意義是 在運行項目進行編譯時,由于要使用到node_module依賴中對應的插件和包,對每一個執行文件寫入一個相對大一點的內存空間,在調用node_module依賴里面的包得時候會執行bin文件去調取對應的包,給調用包分配一個較大的內存空間,以至于解決內存空間不足的問題

沒寫入之前

在這里插入圖片描述

寫入之后

在這里插入圖片描述
細節描述
在這里插入圖片描述

下面就是 index.js文件的內容

#!/usr/bin/env node
const path = require('path');
const glob = require('glob');
const fs = require('fs');const maxOldSpaceSize = process.env.LIMIT || 10240;
const cwd = process.cwd() + path.sep;glob(path.join(cwd, "node_modules", ".bin", "*"), function (err, files) {files.forEach(file => {// readFileSync will crash on non-files. Skip over theselet stat = fs.lstatSync(fs.realpathSync(file));if (!stat.isFile()) {return;}if (file.indexOf('increase-memory-limit') >= 0) {return;}// build scripts will hand in LIMIT via cross-env// avoid updating it while we are running itif (file.indexOf('cross-env') >= 0) {return;}let contents = fs.readFileSync(file).toString();let lines = contents.split('\n')let patchedContents = "";for (var index = 0; index < lines.length; index++) {var line = lines[index];if (line.startsWith("if [") || line.startsWith("@IF") || line.indexOf ('has_node') !== -1) {patchedContents += line + "\n";} else {patchedContents += line.replace(/node(\.exe)?\b(?: \-\-max\-old\-space\-size\=[0-9]+)?/, `node$1 --max-old-space-size=${maxOldSpaceSize}`) + "\n";}}fs.writeFileSync(file, patchedContents);console.log(`'${file.replace(cwd, "")}'`, "written successfully.");});});

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/165042.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/165042.shtml
英文地址,請注明出處:http://en.pswp.cn/news/165042.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

LightPicture - 企業/團隊圖床系統安裝搭建教程說明文檔

LightPicture - 企業/團隊圖床系統安裝搭建教程說明文檔 使用thinkphpvue開發&#xff0c;前后端分離&#xff1b;根據安裝教程安裝即可使用&#xff1b; 程序功能 ?支持第三方云儲存&#xff0c;本地、阿里云OSS、騰訊云COS、七牛云KODO、又拍云USS、華為云OBS等等 ?支持多…

60V/80V/90V降12V降5V 3A4A電流DCDC同步降壓芯片

60V/80V/90V降12V降5V 3A4A電流DCDC同步降壓芯片WD5105 一、概述 WD5105是一種高性能的DCDC同步降壓芯片&#xff0c;適用于將60V/80V/90V的電壓降至12V和5V&#xff0c;并可提供高達3A4A的電流。這款芯片具有高效率、低噪聲、高穩定性等優點&#xff0c;適用于各種需要高電壓…

如何在3dMax中實現創建對象時自動指定材質?

如何在3dMax中實現創建對象時自動指定材質&#xff1f; 我們在某些情況下是否希望為創建的對象指定默認材質呢&#xff1f;如果有這樣的需求請不用擔心&#xff0c;解決方案就在這里啦。它并不有多么復雜&#xff0c;但展示了如何使用NodeEventCallback在使用此回調系統的節點上…

北京數字孿生賦能工業制造,加速推進制造業數字化轉型

隨著新一代信息技術與實體經濟深度融合進程的加快&#xff0c;企業數字化轉型需求的提升&#xff0c;政策的持續支持&#xff0c;數字孿生將為工業制造、未來生活帶來無限的可能。在制造業數字化大變革時代&#xff0c;以5G、大數據、物聯網、人工智能等為代表的工業4.0&#x…

vue2-axios

下載axios 開發版本&#xff1a;axios.js 生產版本&#xff1a;axios.min.js 搭建服務器&#xff1a;json-server npm i -g json-serverjson-server --watch db.json&#xff08;啟動服務并讀取文件&#xff0c;db.json文件目錄下啟動&#xff09; json-server --watch db.j…

Redis-Redis高可用集群之水平擴展

Redis3.0以后的版本雖然有了集群功能&#xff0c;提供了比之前版本的哨兵模式更高的性能與可用性&#xff0c;但是集群的水平擴展卻比較麻煩&#xff0c;今天就來帶大家看看redis高可用集群如何做水平擴展&#xff0c;原始集群(見下圖)由6個節點組成&#xff0c;6個節點分布在三…

基于DCT變換的圖像壓縮解壓縮算法matlab仿真

目錄 1.算法運行效果圖預覽 2.算法運行軟件版本 3.部分核心程序 4.算法理論概述 4.1、DCT變換原理 4.2、基于DCT的圖像壓縮 4.3、基于DCT的圖像解壓縮 5.算法完整程序工程 1.算法運行效果圖預覽 2.算法運行軟件版本 MATLAB2022a 3.部分核心程序 ...................…

動態loading

項目中需要用到動圖loading的地方可以下載 https://www.intogif.com/loading/ 高級點的還有css動畫;692 Loaders: CSS & Tailwind 692 Loaders: CSS & Tailwind

【Python】np.unique() 介紹與使用

簡述 numpy.unique&#xff1a;用于去除數組中重復元素&#xff0c;并從小到大排序&#xff08;找到唯一元素并排序&#xff09;。 def unique(ar, return_indexFalse, return_inverseFalse,return_countsFalse, axisNone):ar: 這是輸入的數組或類數組對象。return_index: 如…

【數字信號處理】傅里葉變換的離散性與周期性

傅里葉變換的離散性與周期性 2023年11月21日 #elecEngeneer 文章目錄 傅里葉變換的離散性與周期性1. 符號說明2. 具體分析3. 序列的序號表示的DFT下鏈 1. 符號說明 t : 連續時間(時域)變量 ω : 頻域變量&#xff0c;aka角頻率 g : 時域函數 G : 頻域函數 n : 時域采樣序列序號…

MAV3D:從文本描述中生成三維動態場景

Singer U, Sheynin S, Polyak A, et al. Text-to-4d dynamic scene generation[J]. arXiv preprint arXiv:2301.11280, 2023. MAV3D 是 Meta AI 研究者們提出的一種從文本描述生成三維動態場景的方法。從所提供的文本生成的動態視頻輸出可以從任何攝像機位置和角度查看&#xf…

Rust語言入門教程(一) - 簡介及Cargo使用

Rust編程入門 為什么學習Rust 我本人是一個DevOps工程師&#xff0c;并不是專職的開發人員&#xff0c;但需要了解各種各樣的語言的基本知識和特性&#xff0c;以便在不同的項目中幫助開發人員設計軟件架構&#xff0c;部署流程以及進行錯誤排查和調試。但是對任何新生的優秀…

springboot 外部化配置

背景:修改jar包中的配置比較麻煩 項目部署的時候放一個配置文件在jar包外 配置文件優先級: 1.jar包內的application.properties/yaml 2.jar包內的application-{profile}.properties/yaml 3.jar包外的application.properties/yaml 4.jar包外的application-{profile}.properties…

【算法】緩存淘汰算法

目錄 1.概述2.代碼實現2.1.FIFO2.2.LRU2.3.LFU2.4.Clock2.5.Random 3.應用 1.概述 緩存淘汰策略是指在緩存容量有限的情況下&#xff0c;當緩存空間不足時決定哪些緩存項應當被移除的策略。緩存淘汰策略的目標是盡可能地保持緩存命中率高&#xff0c;同時合理地利用有限的緩存…

(保姆級教程)Mysql中事務的概念,什么是事務,如何使用事務,以及事務的隔離級別,什么是臟讀、幻讀,代碼演示

繼續講解 Mysql 數據庫中最重要的一個概念&#xff1a;事務 文章目錄 事務1.1 什么是事務1.2 執行原理1.3 如何操作事務1.4 事務的特點&#xff08;ACID原則&#xff09;1.5 事務并發1.6 事務隔離級別1.6.1 事務并發問題操作演示1.6.2 臟讀演示1.6.3 不可重復讀演示1.6.4 幻讀演…

二叉樹的順序結構及實現

目錄 1 二叉樹的順序結構2. 堆的概念及結構3 .堆的實現(小堆) 1 二叉樹的順序結構 普通的二叉樹是不適合用數組來存儲的&#xff0c;因為可能會存在大量的空間浪費。而完全二叉樹更適合使用順序結構存儲。現實中我們通常把堆(一種二叉樹)使用順序結構的數組來存儲&#xff0c;…

【Pytorch】Visualization of Feature Maps(3)

學習參考來自&#xff1a; Image Style Transform–關于圖像風格遷移的介紹github&#xff1a;https://github.com/wmn7/ML_Practice/tree/master/2019_06_03 文章目錄 風格遷移 風格遷移 風格遷移出處&#xff1a; 《A Neural Algorithm of Artistic Style》&#xff08;ar…

瀏覽器沒收到返回,后端也沒報錯,php的json_encode問題bug

今天網站遇到個問題&#xff0c;后端返回異常&#xff0c;但是瀏覽器狀態碼200&#xff0c;但是看不到結果。經過排查發現&#xff0c;我們在返回結果的時候使用了json_encode返回給前端&#xff0c;結果里面的字符編碼異常&#xff0c;導致json_encode異常&#xff0c;但是php…

前綴和——724. 尋找數組的中心下標

文章目錄 &#x1f353;1. 題目&#x1fad2;2. 算法原理&#x1f984;解法一&#xff1a;暴力枚舉&#x1f984;解法二&#xff1a;前綴和 &#x1f954;3. 代碼實現 &#x1f353;1. 題目 題目鏈接&#xff1a;724. 尋找數組的中心下標 - 力扣&#xff08;LeetCode&#xff0…

【限時免費】20天拿下華為OD筆試之【前綴和】2023B-數字游戲【歐弟算法】全網注釋最詳細分類最全的華為OD真題題解

文章目錄 題目描述與示例題目描述輸入描述輸出描述示例一輸入輸出 示例二輸入輸出說明 解題思路前綴和簡單的數學推導哈希集合的使用 代碼PythonJavaC時空復雜度 華為OD算法/大廠面試高頻題算法練習沖刺訓練 題目描述與示例 題目描述 小明玩一個游戲。 系統發1n張牌&#xff…