@WarriorKodeK

Что означает ошибка «React is running in production mode, but dead code elimination has not been applied»?

Из-за чего возможно выпадает такая ошибка?

На локальном все работает, но когда отправляю на билд, то на билде через некоторое время выпадает такая ошибка

5b067c0f9a7cb882939852.png

Webpack prod -
const path = require('path');
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  entry: [
    './dev/js/index'
  ],
  output: {
    path: path.join(__dirname, 'dist/js'),
    publicPath: "/js/",
    filename: 'bundle.js',
  },
  target: 'node',
  module: {
    loaders: [
      {
        test: /\.(js|jsx)$/,
        include: path.join(__dirname, 'dev/js'),
        exclude: /node_modules/,
        loader: "babel-loader",
        options: {
          presets: [ 'react', 'es2015', 'stage-0']
        }
      },
      {
        test: /\.(sass|scss)/,
        include: path.join(__dirname, 'dev/sass'),
        loader: 'style-loader!css-loader!sass-loader'
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
      },
      {
        test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
        loaders: ['url-loader']
      },
      {
        test: /\.(png|jpg)$/,
        loader: 'url-loader'
      }
    ]
  },

  plugins: [
    new webpack.optimize.OccurrenceOrderPlugin(),
    new webpack.DefinePlugin({
      'process.env': {
        'NODE_ENV': JSON.stringify('production')
      }
    }),
    new UglifyJSPlugin({
      "mangle": {
        "screw_ie8": true
      },
      "compress": {
        "screw_ie8": true,
        "warnings": false
      },
      "sourceMap": false
    })
  ],
};


Webpack prod-dev
const path = require('path');
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  entry: [
    './dev/js/index'
  ],
  output: {
    path: path.join(__dirname, 'dist/js'),
    publicPath: "/js/",
    filename: 'bundle.js',
  },
  target: 'node',
  module: {
    loaders: [
      {
        test: /\.(js|jsx)$/,
        include: path.join(__dirname, 'dev/js'),
        exclude: /node_modules/,
        loader: "babel-loader",
        options: {
          presets: [ 'react', 'es2015', 'stage-0']
        }
      },
      {
        test: /\.(sass|scss)/,
        include: path.join(__dirname, 'dev/sass'),
        loader: 'style-loader!css-loader!sass-loader'
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
      },
      {
        test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
        loaders: ['url-loader']
      },
      {
        test: /\.(png|jpg)$/,
        loader: 'url-loader'
      }
    ]
  },

  plugins: [
    new webpack.optimize.OccurrenceOrderPlugin(),
    new webpack.DefinePlugin({
      'process.env': {
        'NODE_ENV': JSON.stringify('production'),
        'NODE_CUSTOM_MODE': JSON.stringify('development'),
      }
    }),
    new UglifyJSPlugin({
      "mangle": {
        "screw_ie8": true
      },
      "compress": {
        "screw_ie8": true,
        "warnings": false
      },
      "sourceMap": false
    })
  ],
};
  • Вопрос задан
  • 380 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
В конце текста ошибки ссылка с ответом на ваш вопрос.

Еще почитать: Тыц, тыц
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы