Vue项目中npm run build 卡住不执行的几种情况(实战版)

方法一

一:比较常见是镜像导致的原因 我们可以找到build/check-versions文件 将这段代码注释,重新运行就可以解决这个问题

c 复制代码
if (shell.which('npm')) {
  versionRequirements.push({
    name: 'npm',
    currentVersion: exec('npm --version'),
    versionRequirement: packageConfig.engines.npm
  })
}

方法二

还有一种情况比较刁钻,常见于一些多组件嵌套 例如:

组件1中 import from '@/views/compontent/popup2'

组件2中 import from '@/views/compontent/popup3'

组件3中 import from '@/views/compontent/popup1'

导致项目编译进入了死循环

c 复制代码
项目初始之前引入组件的方式
import modelPopup from '@/views/compontent/model'
项目修改懒加载引入方式
modelPopup : () => import('@/views/compontent/model')
再次重新打包 npm run build 
相关推荐
前端小巷子11 小时前
JS 打造丝滑手风琴
前端·javascript·面试
Mintopia11 小时前
多模态 AIGC 在 Web 内容创作中的技术融合实践:把“创作引擎”装进浏览器
前端·javascript·aigc
鹏多多.11 小时前
flutter-使用fluttertoast制作丰富的高颜值toast
android·前端·flutter·ios
Mintopia11 小时前
Next.js 的 Web Vitals 监测与 Lighthouse 分析:从底层到实战的快乐科学
前端·javascript·next.js
charlie11451419112 小时前
前端三件套简单学习:HTML篇1
开发语言·前端·学习·html
很多石头12 小时前
前端img与background-image渲染图片对H5页面性能的影响
前端·css
yenggd12 小时前
3种XSS攻击简单案例
前端·xss
盖头盖12 小时前
【xss基本介绍】
前端·xss
一枚前端小能手12 小时前
「周更第2期」实用JS库推荐:Rsbuild
前端·javascript
小桥风满袖12 小时前
极简三分钟ES6 - 正则表达式的扩展
前端·javascript