Ошибка при запуске конфигурации webPack4:
Я пытаюсь запустить конфигурацию webpack4 в моем приложении реагировать, и в браузере возникает проблема, например response-dom.production.min.js: 4408 Инвариантное нарушение: ошибка Minified React # 152; посетите страницу https://reactjs.org/docs/error-decoder.html?invariant=152&args[]=t для полной версии. сообщение или используйте неминифицированную среду разработки для полных ошибок и дополнительных полезных предупреждений.
Ниже приведен мой файл webpack.config.js:
Может кто-нибудь помочь?
const webpack = require('webpack');
const path = require('path');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
module: {
rules: [
{
test:[/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/, /\.svg$/],
use: [{
loader: 'url-loader'
}
]
},
{
include: [path.resolve(__dirname, 'src')],
loader: 'babel-loader',
options: {
plugins: ['syntax-dynamic-import'],
presets: [
[
'@babel/preset-env',
{
modules: false
}
]
]
},
test: /\.js$/
},
{
include: [path.resolve(__dirname, 'src')],
loader: 'babel-loader',
options: {
plugins: ['syntax-dynamic-import'],
presets: [
[
'@babel/preset-react',
{
modules: false
}
]
]
},
test: /\.js$/
},
{
test: /\.(scss|css)$/,
use: [
{
loader: 'style-loader'
},
{
loader: 'css-loader'
},
{
loader: 'sass-loader'
}
]
}
]
},
output: {
filename: '[name].[chunkhash].js'
},
mode: 'development',
optimization: {
splitChunks: {
cacheGroups: {
vendors: {
priority: -10,
test: /[\\/]node_modules[\\/]/
}
},
chunks: 'async',
minChunks: 1,
minSize: 30000,
name: true
}
}
};