没有其他报错,就是一直卡在这里,之前一直运行正常。。
package.json 如下:
{
"name": "official-site",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"animate.css": "^3.7.0",
"axios": "^0.18.0",
"core-js": "^2.6.5",
"include-media": "^1.4.9",
"normalize.css": "^8.0.1",
"register-service-worker": "^1.6.2",
"vue": "^2.6.10",
"vue-awesome-swiper": "^3.1.3",
"vue-router": "^3.0.3",
"vue2-animate": "^2.1.0",
"vuex": "^3.0.1"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.6.0",
"@vue/cli-plugin-eslint": "^3.6.0",
"@vue/cli-plugin-pwa": "^3.6.0",
"@vue/cli-service": "^3.6.0",
"babel-eslint": "^10.0.1",
"eslint": "^5.16.0",
"eslint-plugin-vue": "^5.0.0",
"node-sass": "^4.9.0",
"sass-loader": "^7.1.0",
"vue-template-compiler": "^2.5.21"
}
}
触发这个bug的原因猜测可能如下(以下重现卡在这98%之前那几秒时我在操作项目的场景):
-
在项目的根目录下添加了
vue.config.js
,内容如下:module.exports = { // 这个是用来开代理的,看这里https://cli.vuejs.org/zh/config/#devserver-proxy devServer: { proxy: { '/api': { target: 'http://kkxefsfee.com', ws: true, changeOrigin: true, pathRewrite: { '/api': '', }, }, } }
}
- 频繁操作
src/assets/img
目录,大批量从其他地方粘贴替换 .png 图片
尝试过的解决方案:
rimraf node_modules/
卸载 node_modules
然后 cnpm i
重装所有依赖,木有用,还是卡在 98% after emitting CopyPlugin
终于弄好了。。。
我是这样排查的:
把
router.js
里的路由一个个单个切换注释掉,就能排查出具体是哪个逼崽子路由页面有错误,导致无法成功npm run serve
了,排查出的元凶是某个.vue页面写了以下代码,导致编译不通过,并且无任何报错,
vue-cli-server
假死另:eslint 有在控制台的命令行报了一大堆错,但我一直无视了。最终整个 eslint 总共报了几百个错吧。但严重到项目无法编译的就这一个,奇怪的是 eslint 单单没报这个错。
另: vue-cli 最近有频繁更新,升级到最新版本可能不会踩那么多坑。。