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 
相关推荐
DaMu14 分钟前
Cesium & Three.js 【移动端手游“户外大逃杀”】 还在“画页面的”前端开发小伙伴们,是时候该“在往前走一走”了!我们必须摆脱“画页面的”标签!
前端·gis
非专业程序员14 分钟前
一文读懂Font文件
前端
Asort16 分钟前
JavaScript 从零开始(七):函数编程入门——从定义到可重用代码的完整指南
前端·javascript
Johnny_FEer17 分钟前
什么是 React 中的远程组件?
前端·react.js
我是日安20 分钟前
从零到一打造 Vue3 响应式系统 Day 10 - 为何 Effect 会被指数级触发?
前端·vue.js
知了一笑20 分钟前
「AI」网站模版,效果如何?
前端·后端·产品
艾小码23 分钟前
用了这么久React,你真的搞懂useEffect了吗?
前端·javascript·react.js
知觉24 分钟前
实现@imput支持用户输入最多三位整数,最多一位小数的数值
前端
RoyLin24 分钟前
TypeScript设计模式:状态模式
前端·后端·typescript
RoyLin26 分钟前
TypeScript设计模式:观察者模式
前端·后端·typescript