换了一台电脑,nuxt项目更新代码后,突然发现编译时卡住了,没有提示或报错,就卡在那不动弹。每次卡住的进度不太一样,但都是进行到css-loader或者vue-loader的时候。
* Client █████████████████████████ building (40%) 256/272 modules 16 active
cache-loader » thread-loader » babel-loader » vue-loader » components\changeCity\hot.vue
* Server █████████████████████████ building (20%) 90/104 modules 14 active
node_modules\_css-loader@3.2.0@css-loader\dist\runtime\api.js
经过了以下尝试:
- 清除缓存 npm cache clean -f
- 重启webstorm,重启电脑
- 删掉node_modules重新下载
- 重新clone项目,下载包并编译
以上方法都不行,最后发现:
还原到git的上一个版本就好了
但今天在另一台电脑上提交时项目还刷新的很正常,带着疑惑对比了两版本的文件,终于发现在某个vue组件(非卡住时显示的那个vue文件)中测试时在<template>后面写了个2,而这种情况再刷新时并没发现问题。
看来<template>和他后面的<div>之间是不能乱写东西的,否则挂都不知道挂在哪了!