Vue项目build执行编译时卡住，长时间不动

最新推荐文章于 2024-08-02 23:07:48 发布
最新推荐文章于 2024-08-02 23:07:48 发布
阅读量6.1k 收藏 2
点赞数
分类专栏： 各种问题 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40587263/article/details/121243053
版权

在这里插入图片描述
在这里插入图片描述

今天打开项目npm run build编译的时候突然卡住了，同时发现报

Building for development...Browserslist: caniuse-lite is outdated. Please run:
npx browserslist@latest --update-db

退出idea重启、重启电脑都没有解决。于是就开始找度娘来解决问题。

解决一： File–>Project Strucure–>Project
选择对应的jdk版本
在这里插入图片描述
File–>Project Strucure–>Modules
查看这里是否勾选
在这里插入图片描述
File | Settings | Build, Execution, Deployment | Compiler
将1.8的堆内存增加，改为2000
在这里插入图片描述
使用解决办法一后，选择退出重启idea。就会解决，如果还是不行，可以参看解决办法二。
在这里插入图片描述
解决二：

npm i caniuse-lite@latest

直接更新最新版 caniuse-lite，如果没有生效，建议node_modules下面的caniuse-lite包，

重新执行

npm i caniuse-lite@latest 
npm i autoprefixer@latest 
npm i caniuse-lite browserslist@latest
是阿星啊
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Vue npm run build打包的时候卡住
weixin_43567670的博客
08-02 5139
最近遇到的一个问题，vue打包的时候无限卡在building for production… 看到很多人说改镜像有用，于是执行了 npm config set registry http://registry.cnpmjs.org 再打包还是一样的结果。 之后又尝试把node_modules删掉再重新npm i 并没有起作用。 还看到一个是缺少了什么插件的，也尝试下载了，并没有用。 然后我看到了这个博客【vue 打包】npm run build 打包卡住的问题 我突然想起我有过和这个博主类似的操作，因为手
解决vue项目 build之后资源文件找不到的问题
01-19
这就需要修改我们的 config 中的 index.js了，默认的build 中的部分是这样的： build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path....
Vue项目中npm run build 卡住不执行的几种情况(实战版)
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
05-26 1061
一：比较常见是镜像导致的原因 我们可以找到build/check-versions文件 将这段代码注释,重新运行就可以解决这个问题。组件1中 import from ‘@/views/compontent/popup2’组件2中 import from ‘@/views/compontent/popup3’组件3中 import from ‘@/views/compontent/popup1’导致项目编译进入了死循环。
解决vue打包 npm run build-test突然不动了的问题
01-22
输入npm run build-test 突然停在这不动了 what? 不动了？！ 后来google了一下 大家都是人才 运行一下这句话 就动了！！ npm config set registry http://registry.cnpmjs.org 补充知识：vue_test_unit_e2e常见...
解决vue init webpack 下载依赖卡住不动的问题
01-21
如果安装过程中等待太久，我们难免会不耐烦，所以会中途关闭项目。那么我们接下操作 npm run dev 肯定是报错的 正确做法：cd进入项目文件夹，然后再npm install 安装完。如果还是安装“个把”小时也没成功那就用：...
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
11-20
动态添加src被当做静态资源处理了，没有进行编译 npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND 解决办法： 进入：build文件夹 > 打开 webpack.prod.conf.js 找到：output 对象 添加：publicPath：‘./...
Vue项目打包编译优化方案
01-21
　默认情况下，当我们执行 npm run build 命令打包完一个项目后，会得到一个dist目录，里面有一个js目录，存放了该项目编译后的所有js文件。 　我们发现每个js文件都有一个相应的 .map 文件，它们仅是用来调试代码的...
vue开启keep-alive缓存时，关于子组件上使用:key=“id“的问题以及解决方案
weixin_45549481的博客
08-02 152
2、致命错误，修改URL的id时，缓存之前有数据，子组件销毁重建，请求接口也有数据，但是因为keep-alive缓存了组件实例而不是组件的数据，表格的数据丢失；2、:key=“timeStap”，结合activated、deactivated —— —— keep-alive缓存activated时，会重新请求。1、切换tag，会触发id的变更，再次切回来时，将会触发表格销毁重建，重新请求数据，局部刷新表格的缓存丢失；特定场景下，必须使用:key="id"时，可以考虑下面的两个方式。
第十四节：Vben Admin实战-系统管理之角色菜单绑定
cui_win的专栏
08-02 185
权限管理部分，目前已经实现了角色，用户，菜单的管理，现在还剩余一个重要的部分，是角色和菜单的动态绑定。Vben Admin 演示案例部分，是在角色管理的抽屉弹出框实现的，但是感觉展示不够直观，我们这里用一个单独的页面实现这部分的功能。src/api/sys/role.ts 文件中定义：# 角色菜单关联表现在权限管理部分的功能基本已经都实现了，还记得第七节：Vben Admin权限-后端获取路由和菜单。
VUE实现TAB切换不同页面
weixin_43159039的博客
08-02 209
SignList这三个页面就是需要切换的页面。
keep-alive 是vue内置组件 缓存组件内部状态 避免重新渲染
lryh_的博客
08-02 289
离开被缓存的A组件 进入被缓存的B组件，会触发A组件的 deactivated ，则第一次进入被缓存的B组件 会触发beforeCreate ==>created ==>beforeMount ==>A组件的deactivated ==>mounted ==>activated。第一次进入被缓存的组件A 会触发beforeCreate ==>created ==>beforeMount ==>mounted ==>activated。可以缓存组件，也可以缓存路由。
深入理解Vue slot的原理
代码君
07-31 605
插槽是Vue中一个重要的特性，它有很多种用法：默认插槽、具名插槽、作用域插槽。尤其作用域插槽，还有一堆特性，比如解构prop，解构prop的时候还可以进行属性名的映射。记不住，根本记不住。死记硬背当然记不住，但只要了解了原理，这些根本不用记。插槽是一种组件的传参方式，可以传递模板内容，可以提高组件的灵活性插槽的本质就是JS的高阶函数，函数由父组件实现，子组件调用插槽的prop解构不是vue的语法，本质就是ES6方法参数的解构语法。
uniapp vue 在适配百度小程序平台动态:style
熊佳龙的博客
08-02 176
uniapp vue 在适配百度小程序平台动态:style踩坑报错Unexpected string concatenation of literals
JavaScript和vue实现左右两栏，中间拖动按钮可以拖动左右两边的宽度
qq_40269801的博客
08-02 302
JavaScript和vue实现左右两栏，中间拖动按钮可以拖动左右两边的宽度
基于Spring boot + Vue的灾难救援系统
NPCS_JQ的博客
08-02 288
以脚手架项目为基础完成的1.主页：echarts展示的图表2.系统管理：用户管理，角色管理，字典管理，菜单管理，日志管理3.文件管理：生成文件4.文章管理：集合富文本写文章5.公告管理：公告的管理6.轮播图管理：前台首页的轮播图7.灾难类型管理8.灾难记录9..资源调度10.预案管理11.科普信息。
vue实现电子签名、图片合成、及预览功能
weixin_58572700的博客
07-23 1372
本文介绍了电子签名、图片合成、及预览功能
如何使用 Vue.js 实现炫酷网页效果：从动态数据可视化到动画按钮的全面示例
Hellc007的博客
08-02 810
这里是一些完整的 Vue.js 示例代码，你可以直接复制这些代码到你的 Vue 项目中并运行，来看到具体的效果。
【前端 21】Vue Router路由配置
最新发布
delepaste的博客
08-02 463
在Vue.js项目中，Vue Router是官方提供的路由管理器，用于构建单页面应用（SPA）。它允许我们通过不同的URL访问不同的页面组件，而无需重新加载页面。下面，我将详细介绍如何在Vue项目中配置和使用Vue Router。
Vue 实战自定义组件，可以删除和增加
呵呵哒!的博客
08-02 228
【代码】Vue 实战自定义组件，可以删除和增加。
npm 创建vue项目卡住
08-03
在创建Vue项目时，如果使用命令行运行`vue init webpack project_name`或者`vue create project_name`时卡住不动，可能是由于一些配置或环境问题导致的。根据引用[2]的建议，你可以尝试使用`winpty vue.cmd create ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值