vue-cli 3 跑项目时卡在 98% after emitting CopyPlugin 无法运行

clipboard.png

没有其他报错,就是一直卡在这里,之前一直运行正常。。

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%之前那几秒时我在操作项目的场景):

  1. 在项目的根目录下添加了vue.config.js,内容如下:

    clipboard.png

    module.exports = {
       // 这个是用来开代理的,看这里https://cli.vuejs.org/zh/config/#devserver-proxy
       devServer: {
           proxy: {
               '/api': {
                   target: 'http://kkxefsfee.com',
                   ws: true,
                   changeOrigin: true,
                   pathRewrite: {
                       '/api': '',  
                   },
               },
    
           }
       }

    }

  2. 频繁操作 src/assets/img 目录,大批量从其他地方粘贴替换 .png 图片

尝试过的解决方案:

rimraf node_modules/ 卸载 node_modules 然后 cnpm i 重装所有依赖,木有用,还是卡在 98% after emitting CopyPlugin

阅读 32k
2 个回答

clipboard.png
终于弄好了。。。

我是这样排查的:

router.js 里的路由一个个单个切换注释掉,就能排查出具体是哪个逼崽子路由页面有错误,导致无法成功 npm run serve 了,

排查出的元凶是某个.vue页面写了以下代码,导致编译不通过,并且无任何报错,vue-cli-server 假死

<img :src="require('')" alt="">  //这里的 require() 引入了一个空路径

另:eslint 有在控制台的命令行报了一大堆错,但我一直无视了。最终整个 eslint 总共报了几百个错吧。但严重到项目无法编译的就这一个,奇怪的是 eslint 单单没报这个错。

另: vue-cli 最近有频繁更新,升级到最新版本可能不会踩那么多坑。。

我也出现了这个问题,不过我是在script 里 import 了一个空的东西

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏