Webpackプロダクションビルド：BrowserslistError：and_chrのUnknownバージョン552

Question

プロダクションWebpackビルドを実行しようとすると、このエラーが発生します。それはデフォルトUglifyJsPluginに関連する問題だよう

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

は、いくつかの試行錯誤の後、それが見えます。それが削除されれば正しくビルドされますが、もはや本番ビルドではありません。私は今どこでもこの問題を見つけようとしています。上記のエラーは、私のSASSファイルのすべて1つに対して繰り返されます。

私はこれを解決しようとしている私の髪を引っ張っている、と助けていただければ幸いです。どのような追加情報が必要なのか教えてください。

は、ここに私のWebPACKの生産の設定のコピーです：あなたは時代遅れcss-loaderを持っているよう

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

が鳴ります。 node_modulesを削除して再インストールしてください。それはそれを修正する必要があります。