木灵鱼儿
阅读:21028
解决 vscode运行vue项目卡死 提示:窗口已崩溃(原因oom)
最近发现没啥用,玄学,这个崩溃在项目内容很多的时候就会出现,更换了好几个版本的系统,vscdoe版本也换过,node版本也换过,找不出原因,用其他ide就不会出现这个问题,估计是锐龙cpu的问题吧,用g4560随便启用都不出问题,真是日了狗了,只能将就用,等以后版本修复了。
一般这个问题有两种情况,一种是项目非常庞大,另一种就是内存泄漏,泄漏的话跟代码有关系。
但是我们肯定不能直接大刀阔斧的去删代码,所以只能自己想办法了,唯一的办法就是增加node服务的内存限制。
为此我们需要安装一个全局的插件:increase-memory-limit
yarn global add increase-memory-limit
安装完毕后,我们直接进入到项目的目录,运行一下代码:
increase-memory-limit
这时会跑一些代码,跑完就可以直接运行项目了,问题解决。
当然百度还有另一种方案,就是通过 package.json
中的 "build"
加大内存
/* package.json 文件 */
"scripts": {
"dev": "node build/dev-server.js",
"start": "node build/dev-server.js",
"build": "set NODE_ENV=production && node --max_old_space_size=8000 build/build.js",
"e2e": "node test/e2e/runner.js",
"test": "npm run e2e"
},
这个我没测试,感觉有点麻烦。
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

相关推荐
实现一个点击空白区域关闭显示的自定义指令
typescriptimport type { DirectiveBinding } from "vue"; export default { bind(el: HTMLElement, binding: DirectiveBinding<Function>) { //声明一个给document绑定的事件 function documentClick(event: Event) { const target = event.target as unknown as Node; if (el.contains(t...
使用vue2.7的一些踩坑事项
eslint校验的一些问题(暂时无解)在初始化项目时勾选了eslint校验之后,升级vue 2.7版本后,eslint-plugin-vue这个插件需要升级到9+版本,我目前使用的版本是:"eslint-plugin-vue": "^9.4.0"具体的一些可以参考官方提供的2.7升级指南:2.7日志官方居然把这个写在了变更日志里面,按道理最好官方的文档上也有一份说明的,但是目前没有。虽然eslint的依赖更新到新版后确实解决了一些项目启动报错的问题,但是有时候我们的SFC单文件组件开发的时候,template中的一些变量绑定还是会出现波浪线警告,这...
正确使用vue3的ts类型声明
前言使用了ts最头疼的是什么,除了类型声明应该没有第二家了,那么在vue3中如何正确的声明ts类型,代表着我们踏出了认识vue3的第一步,这非常重要,所以为此水个文章,分享给有需要的人。Volar 插件一开始我对于Volar并没有太大的需要,因为一直使用的Vetur,而且这个插件刚出来时并不完善,各种视频up讲的那个一键分屏功能其实也并不好用,虽然是个很有意思的东西,但是没有那种非要使用它的点,所以当时的我怀着这么一个疑问?为什么要用Volar ?现在我就通过两张图告诉你,它有多香!我们在template里面写代码,绑定变量最烦的是什么,就是我们写了个对象,但是忘了它的属性有哪些啊,使用...

关于给css自动添加浏览器前缀
前言为了兼容之前的旧浏览器版本,特别是安卓4.4这种低版本,transform是一定得增加浏览器前缀的,但是我在项目中遇到了设置无效的问题,极度蛋疼,下面是我的解决教程,当然没这个问题,看这篇文章,相信你对如果给项目增加浏览器前缀,会有很充分的认识。教程给css增加浏览器前缀,业界的做法就是使用postcss,目前webpack与vue cli他们需要安装的依赖略有不同:webpack:pnpm i postcss postcss-loader autoprefixer -D添加对应的rules{ test: /.s?css$/, use: [ ...省略...
vuex 动态注册和卸载模块
概述一般情况下,我们的vuex数据都是静态的,store在首次初始化后数据的格式就定好了,在日常使用中也确实应该这么做。但是,随着业务的发展,vuex可能会变得非常的大,或者在多页面打包的时候,每个页面都需要vuex,但是如果把每个页面的vuex都写在一起,你会发现,原来我a页面可能只需要30个vuex的数据监听,但是会多出来其他页面的数据,这显然不应该的。所以,我们需要一个能够动态加载模块的方法,每个页面动态加载自己的vuex数据使用。api了解vuex官方提供了几个api:registerModule动态注册模块apiunregisterModule卸载一个动态模块hasModule...
vue-i18n 的使用方式
安装vue2版需要安装8.x版本的,9.x的是vue3版本使用上大同小异。vue2安装:yarn add vue-i18n@8vue3安装:yarn add vue-i18n封装官方虽然支持很不错的用法,但是自定义处理是难免的。vue3文件目录结构├─ src │ ├─ language │ │ ├─ lang │ │ │ ├─ en.json │ │ │ └─ zh.json │ │ ├─ core │ │ │ ├─ i18n.ts │ │ │ ├─ customization.ts │ │ │ └─ language.ts │ │ ├─ i...
vue router 一个重定向页面的思路
当项目需要和其他项目进行沟通的时候,往往常见的做法就是,我在a网站点击一个按钮,在链接中携带query参数啥的,然后去访问b网站页面。此时可能会有两种情况:跳转的链接就是b网站的具体链接地址。跳转的链接是b网站的一个跳板,跳板会对参数做一些操作,然后进行重定向。两种做法都各有优势:第一种省事简单,但是如果以后b网站链接层级发生变化,那么就会导致链接不可能,到时候还需要进行修改,很痛苦。第二种的话,我们需要写一个跳板页面,但是通过一些参数要求,甚至自身加上一些逻辑处理,那么他的功能性会更强一些。那么,在vue中,做一个重定向页面,怎么做?思路思路1利用路由守卫,当链接上存在某个参数的时候,...
vue 过滤器 驼峰与短横线相互转换的方法
自己去注册吧,提供的是es6导出的方法//短横线转驼峰 export const dashToHump = function (value) { const textArr = value.split("-"); return textArr.map((item, index) => { if (index === 0) return item.toLowerCase(); return item.slice(0, 1).toUpperCase() + item.slice(1); }) .join("")...
使用vue.draggable拖拽组件遇到的一些问题
资源github:vue.draggable中文文档:vue.draggable中文文档api参考文档:sortablejsvue.draggable是基于sortablejs的vue封装,所有有些api官方并不会有过多的解释,可以去sortablejs查看下拖拽无法触发页面滚动当拖拽的内容大于页面宽高时,页面滚动就是一个必然的需求,但是vue.draggable默认情况并不能触发滚动。官方设置里有一个属性:scroll,如果为true时就能触发滚动,但是默认属性就是true;所以这个配置可以说是无效的。解决方案:cannot set scrollSensitivity19年的时候就有提...

关于 element table多选里面实现单选的偷懒做法
在elment的table多选中增加单选逻辑,这个也不能说产品的问题,单选和多选应该算是比较基础的应用,但是,element并没有对单选做支持。于是我有了一个偷懒思路!前提由于table的一键全选按钮无法进行细致化操作,无法控制点击时选中的数量,只能在选中后的回调里面处理,所以,我的做法是单选时隐藏这个按钮。 selectable方法可以返回布尔值来表示当前格子是否允许勾选或者取消,其实就是禁用的意思。<el-table-column type="selection" :selectable="onSelectable"></el...

123
Google Chrome Windows 10increase-memory-limit : 无法将“increase-memory-limit”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次
木灵鱼儿
FireFox Windows 10别试了,没啥用,这个不能识别,你百度下有教程,window10的尿性
cc
Google Chrome Windows 10遇到过,我发现全屏运行就会崩溃,把窗口缩小就没问题,不知道在其它电脑上是不是这个情况
安心
Google Chrome Windows 10用了第一种方法还是窗口崩溃
倪妮
Google Chrome Windows 10我之前装D盘经常蹦,但是换到c盘之后很少蹦了
木灵鱼儿
FireFox Windows 10肯定装c盘啊,装其他盘,有时候shell指令还没权限,很头疼
scool
Google Chrome Windows 10webstorm就没事,vscode经常崩
木灵鱼儿
FireFox Windows 10但奈何vscode太好用啊,都习惯了,打开速度又快
chiho
Google Chrome Windows 7我的也是锐龙cpu,然后会偶尔卡死,我公司的英特尔没试过,见鬼了
木灵鱼儿
FireFox Windows 10可以试试,你会发现,我草,为啥奔腾都比锐龙稳定[害羞]
chiho
Google Chrome Windows 7不过是cpu原因的话,你说其他ide为什么没发生过奔溃呢,就vscode这样吗,奇怪了
木灵鱼儿
FireFox Windows 10就vscode会,我换过旧版本vscode,还是会,如果是vscode的问题,那应该是祖传bug了
chiho
Google Chrome Windows 7只好将就用了,网上搜很少人提这个问题。难受啊
木灵鱼儿
FireFox Windows 10去年我用vscode也没出现这问题,项目也很复杂,但是cpu也是英特尔的,不过现在也只能将就用了,找不到实际原因
chiho
Google Chrome Windows 7去年看锐龙平台真香才换的锐龙,短时间不会换掉的,有点后悔- - ||
木灵鱼儿
FireFox Windows 10我也是,不过习惯了,这个4800h是真香啊,二手卖的话亏死了,我还买了个黑盘装上去用,这二手下来,估计刀到哭
chiho
Google Chrome Windows 7哈哈,4800h屌呀,吊打i7
木灵鱼儿
FireFox Windows 10[tv_doge]哪里哪里,i7和4800h就差那么一点点差距[滑稽]
佛祖
Google Chrome Windows 10请问用npm的话怎么操作
木灵鱼儿
FireFox Windows 10没啥用,别试了,amd的问题,我感觉
佛祖
QQ Browser Android那你现在咋整的,我每次运行要试好几次才能成功
木灵鱼儿
FireFox Windows 10你也是amd的u吗,我现在被分到别的项目了,我也是每次启动好几次[喜极而泣]
佛祖
QQ Browser Android英特尔的
木灵鱼儿
FireFox Windows 10[tv_doge]这就很尴尬了,不知道为啥,我测试的时候,另一台英特尔的机子随便来,amd的换了系统版本,换了node版本,换了vscode版本,都会卡死,就特么离谱
lipapa
Google Chrome Windows 10还是会崩溃 , 16G内存 i7还能崩溃。。。。
木灵鱼儿
FireFox Windows 10i7还崩,业界难题
王
Google Chrome Windows 10服了 我i9的cpu还是崩溃
木灵鱼儿
FireFox Windows 10会不会是内存的问题