Description
Version
3.2.1
Environment info
Environment Info:
System:
OS: Windows 10
CPU: (8) x64 Intel(R) Core(TM) i7-8650U CPU @ 1.90GHz
Binaries:
Node: Not Found
Yarn: Not Found
npm: 6.5.0 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: 42.17134.1.0
npmPackages:
@vue/babel-preset-app: 3.2.0
@vue/cli-overlay: 3.2.0
@vue/cli-plugin-babel: ^3.2.0 => 3.2.0
@vue/cli-plugin-e2e-cypress: ^3.2.0 => 3.2.0
@vue/cli-plugin-eslint: ^3.2.0 => 3.2.1
@vue/cli-plugin-pwa: ^3.2.0 => 3.2.0
@vue/cli-plugin-unit-jest: ^3.2.0 => 3.2.0
@vue/cli-service: ^3.2.0 => 3.2.0
@vue/cli-shared-utils: 3.2.0
@vue/component-compiler-utils: 2.3.1
@vue/eslint-config-airbnb: ^4.0.0 => 4.0.0
@vue/preload-webpack-plugin: 1.1.0
@vue/test-utils: ^1.0.0-beta.20 => 1.0.0-beta.27
@vue/web-component-wrapper: 1.2.0
babel-helper-vue-jsx-merge-props: 2.0.3
babel-plugin-transform-vue-jsx: 4.0.1
eslint-plugin-vue: ^5.0.0-0 => 5.0.0
jest-serializer-vue: 2.0.2
vue: ^2.5.17 => 2.5.21
vue-eslint-parser: 2.0.3
vue-hot-reload-api: 2.3.1
vue-jest: 3.0.2
vue-loader: 15.4.2
vue-router: ^3.0.1 => 3.0.2
vue-style-loader: 4.1.2
vue-template-compiler: ^2.5.17 => 2.5.21
vue-template-es2015-compiler: 1.6.0
vuex: ^3.0.1 => 3.0.1
npmGlobalPackages:
@vue/cli: Not Found
Steps to reproduce
Step 1: Create vue.config.js with the following
module.exports = {
parallel: true,
chainWebpack: (config) => {
config.module.rule('worker')
.test(/\.worker\.js$/i)
.use('worker-loader')
.loader('worker-loader');
},
};Step 2: npm run serve
What is expected?
Should successfully build the project
What is actually happening?
ERROR Failed to compile with 1 errors 4:46:14 PM
error in ./src/workers/sample.worker.js
Module build failed (from ./node_modules/thread-loader/dist/cjs.js):
Thread Loader (Worker 0)
Cannot read property 'createChildCompiler' of undefined
at Object.pitch (xxxxx\node_modules\worker-loader\dist\index.js:83:39)
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/
lib??vue-loader-options!./src/components/HelloWorld.vue?vue&type=script&lang=js& 45:0-51 71:33-45
@ ./src/components/HelloWorld.vue?vue&type=script&lang=js&
@ ./src/components/HelloWorld.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/
lib??vue-loader-options!./src/views/Home.vue?vue&type=script&lang=js&
@ ./src/views/Home.vue?vue&type=script&lang=js&
@ ./src/views/Home.vue
@ ./src/router.js
@ ./src/main.js
@ multi ./src/main.js
ERROR Build failed with errors.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! app@0.1.0 build: vue-cli-service build --modern
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the app@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
Turning off parallel flag in vue.config.js successfully builds the project
module.exports = {
parallel: false,
chainWebpack: (config) => {
config.module.rule('worker')
.test(/\.worker\.js$/i)
.use('worker-loader')
.loader('worker-loader');
},
};