Webpack 生产版本：BrowserslistError：and_chr 的未知版本 55

Question

每当我尝试运行生产 webpack 构建时，我都会收到此错误。

ERROR in ./~/css-loader!./~/sass-loader!./assets/src/css/nav.scss
Module build failed: BrowserslistError: Unknown version 55 of and_chr

经过一番尝试和错误后，看起来这是一个与 default 相关的问题UglifyJsPlugin。如果将其删除，它将正确构建，但它也不再是生产构建。我已经用谷歌搜索了好几天，试图在任何地方找到这个问题，但似乎没有人见过类似的东西。我的每一个 SASS 文件都会重复上述错误。

我正在努力解决这个问题，任何帮助将不胜感激。让我知道您可能需要哪些其他信息。

这是我的 webpack 生产配置的副本：

const ExtractTextPlugin = require('extract-text-webpack-plugin');
const autoprefixer = require('autoprefixer');
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
    entry: {app: './assets/src/app.js', common: './assets/src/common.js'},
    devtool: 'cheap-module-source-map',
    output: {
        filename: './assets/build/[name].bundle.js',
    },
    watch: false,
    module: {
        loaders: [
            { test: /\.json$/, loader: "json-loader" },
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel',
                query: {
                    presets: ['es2015', 'react', 'stage-0']
                }
            },
            {
                test: /\.scss$/,
                loader: ExtractTextPlugin.extract("style", "css-loader!sass-loader")
            },
            {
                test: /\.css$/,
                exclude: /node_modules/,
                loader: 'style-!css'
            }
        ],
    },
    plugins: [
        new ExtractTextPlugin('./assets/build/[name].css'),
        new webpack.DefinePlugin({
          'process.env': {
            'NODE_ENV': JSON.stringify('production')
          }
        }),
        new webpack.optimize.UglifyJsPlugin()
    ],
    postcss: [
        autoprefixer({
            browsers: ['last 2 versions']
        })
    ]
};

Answer 1

听起来你的css-loader. 删除您的node_modules并重新安装。那应该解决它。