vue 中使用 worker 导致打包时报错 ERROR Failed to compile with 0 errors 问题解决记录

399 阅读1分钟

现状

vue 项目用到了worker处理音频

我才用的方法是使用 worker-loader

// vue.config.js
chainWebpack(config) {
    ...
    config.output.globalObject('this').end()
    config.module
        .rule('worker')
        .test(/\.worker\.js$/)
        .use('worker')
        .loader('worker-loader')
        .options({ inline: 'no-fallback' })
        .end()
        .use('babel-loader')
        .loader('babel-loader')
        .end()
     ...
}

问题

这种方式会导致项目在安装依赖之后第一次打包回报错,如下

image_6dd38dc0-bf82-4883-ac5a-84f13495c205.jpeg

进而导致jenkins按构建脚本之行后,线上白屏。。

解决

ERROR Failed to compile with 0 errors 让人头皮发麻,无从下手,但是我没能想到是worker引入的问题。对这个报错一顿百度,也尝试了百度出来的各种「方法」,然并卵

难道这个问题就我遇到了,其他人没遇到?vue都出来好几年了,带着疑问去看了vue-cli的issues,而且找到啦 传送门

然后试了试 worker-plugin这个插件 传送门

总结

遇事多问自己几个问题,带着问题去找答案