webpack 4 worker loader+;MiniCssExtractPlugin=已调用回调
我遇到了一个非常令人费解的问题 我的网页配置工作正常,直到。。。我创建了一个包含antd组件的库。该库是通过my worker(和其他地方)导入的,而且该库还需要包含在babel加载程序中,因为库使用的antd组件样式不会以其他方式绑定。我没有在图书馆使用webpack。只有客户端项目 如果我删除worker loader,则构建工作正常。如果我删除MiniCssExtractPlugin.loader,则构建工作正常。当然,这些在运行时有明显的问题 把他们两个都包括在内会让事情变得更糟:webpack 4 worker loader+;MiniCssExtractPlugin=已调用回调,webpack,webpack-4,Webpack,Webpack 4,我遇到了一个非常令人费解的问题 我的网页配置工作正常,直到。。。我创建了一个包含antd组件的库。该库是通过my worker(和其他地方)导入的,而且该库还需要包含在babel加载程序中,因为库使用的antd组件样式不会以其他方式绑定。我没有在图书馆使用webpack。只有客户端项目 如果我删除worker loader,则构建工作正常。如果我删除MiniCssExtractPlugin.loader,则构建工作正常。当然,这些在运行时有明显的问题 把他们两个都包括在内会让事情变得更糟: /p
/project/node_modules/neo-async/async.js:16
throw new Error('Callback was already called.');
^
Error: Callback was already called.
at throwError (/project/node_modules/neo-async/async.js:16:11)
at /project/node_modules/neo-async/async.js:2818:7
at processTicksAndRejections (internal/process/task_queues.js:75:11)
以下是我的设置:
webpack@4.41.2
mini-css-extract-plugin@0.8.0
worker-loader@2.0.0
谢谢你能提供的任何帮助
rules: [
{
test: /\.worker\.ts$/,
exclude: /node_modules/,
use: ['babel-loader', 'worker-loader'],
},
{
// Include ts, tsx, js, and jsx files.
test: /\.(ts|js)x?$/,
include: [
path.resolve(__dirname, 'src'),
path.resolve(__dirname, 'node_modules/my-custom-library'),
],
loader: 'babel-loader',
},
{
test: /\.(css|less)$/,
use: [
{ loader: MiniCssExtractPlugin.loader },
{ loader: 'css-loader' },
{
loader: 'less-loader', // compiles Less to CSS
options: {
modifyVars: {
// modify antd theme variables
// https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
'primary-color': '#5f9cd1',
'link-color': '#1890ff',
},
javascriptEnabled: true,
},
},
],
},
],