无法将 webpack 1.5.2 更新为 reactjs 的 webpack 2.0.0答案

【问题标题】：Unable to update webpack 1.5.2 to webpack 2.0.0 for reactjs无法将 webpack 1.5.2 更新为 reactjs 的 webpack 2.0.0
【发布时间】：2017-03-17 18:40:02
【问题描述】：

我正在使用 VS2015、React.js 和 webpack。我已经安装了所有软件包。但我的系统中默认安装了 webpack 1.5.2。我正在尝试更新 webpack 2.0.0，但它不允许我更新该包。它给出如下错误：

https://i.stack.imgur.com/GucaN.png

这是 webpack.config.js 文件的代码

var path = require('path');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var webpack = require('webpack');

module.exports = {
    entry: ['./src/app.js'],
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'appBundle.js'
    },
    module: {
        loaders: [
            { test: /\.png$/, loader: "url-loader?limit=100000" },
            { test: /\.jpg$/, loader: "file-loader" },
            { test: /\.jpeg$/, loader: "file-loader" },
            { test: /\.gif$/, loader: "file-loader" },
            { test: /\.txt$/, loader: "raw-loader" },
            { test: /\.json$/, loader: "json-loader" },
            { test: /.(woff(2)?|eot|ttf|svg)(\?[a-z0-9=\.]+)?$/, loader: 'url-loader?limit=100000' },
            { test: /\.css$/,loader: ExtractTextPlugin.extract("style-loader", "css-loader")
        }, {
            loader: 'babel-loader',
            exclude: /node_modules/,
            test: /\.js$/,
            query: {
                presets: ['es2015', 'react', 'stage-0'],
            },
        }]
    },
    plugins: [
        new ExtractTextPlugin("style.css", {
            allChunks: true
        }),
        new webpack.OldWatchingPlugin()
    ]
};

这是 package.json 的代码

{

  "scripts": {
    "webpack": "webpack --watch --display-modules",
    "server": "browser-sync --port 5100 start --server --files \"**/*.html\" \"build/**/*.css\" \"build/**/*.js\" "
  },
  "devDependencies": {
    "babel-core": "^6.24.0",
    "babel-preset-es2015": "^6.24.0",
    "babel-preset-react": "^6.16.0",
    "babel-preset-stage-0": "^6.22.0",
    "babel-loader": "^6.4.1",
    "browser-sync": "^2.18.8",
    "css-loader": "^0.27.3",
    "extract-text-webpack-plugin": "^2.1.0",
    "file-loader": "^0.10.1",
    "json-loader": "^0.5.4",
    "raw-loader": "^0.5.1",
    "style-loader": "^0.14.1",
    "url-loader": "^0.5.8",
    "webpack": "1.5.2"
  },
  "dependencies": {
    "kendo-ui-react-jquery-barcode": "^1.0.3",
    "kendo-ui-react-jquery-charts": "^1.0.3",
    "kendo-ui-react-jquery-gantt": "^1.0.2",
    "kendo-ui-react-jquery-grid": "^1.0.9",
    "kendo-ui-react-jquery-lineargauge": "^1.0.2",
    "kendo-ui-react-jquery-mediaplayer": "^1.0.4",
    "kendo-ui-react-jquery-pivotgrid": "^1.0.5",
    "kendo-ui-react-jquery-qrcode": "^1.0.2",
    "kendo-ui-react-jquery-radialgauge": "^1.0.2",
    "kendo-ui-react-jquery-scheduler": "^1.0.3",
    "kendo-ui-react-jquery-sparklines": "^1.0.2",
    "kendo-ui-react-jquery-stockchart": "^1.0.4",
    "kendo-ui-react-jquery-treelist": "^1.0.7",
    "kendo-ui-react-jquery-treemap": "^1.0.4",
    "kendo-ui-react-jquery-treeview": "^1.0.2",
    "kendo-ui-react-jquery-upload": "^1.0.4",
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "webpack": "1.5.2"
  }
}

【问题讨论】：

你在 dependencies 和 devDependencies 中有 Webpack - 你应该只有后者。
不确定，但你看到this的问题了吗？

标签： node.js reactjs visual-studio-2015 webpack

【解决方案1】：

您可以尝试使用以下命令。它将安装最新的稳定版 webpack。

npm install --save-dev webpack@2.2.1

此外，您可能希望从命令行或在package.jsonfile.. 中轻松检查 webpack 版本。

npm view webpack version

【讨论】：

我试过那个命令，但我有 1.5.2 版。如果您有其他方法，请告诉我。
npm uninstall --save-dev webpack 然后运行答案中的命令