2017-02-21 53 views
0

每當我嘗試運行生產webpack構建時,都會收到此錯誤。Webpack生成構建:BrowserslistError:未知版本55 of_chr

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

一些試驗和錯誤之後,它看起來像它涉及到默認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'] 
     }) 
    ] 
}; 
+0

'最小化:真'可以是一個原因,重新安裝幫助 –

回答

4

聽起來像是你有一個過時的css-loader。刪除你的node_modules並重新安裝。這應該解決它。

+0

謝謝噸丹! –

+0

我有同樣的問題。已刪除node_modules,但問題仍然存在(只在生產中) –

+0

刪除npn-shrinwrap也刪除,再次安裝,它的工作原理 –