Javascript 未捕获引用错误：未在Web包中定义react

尝试加载我的应用程序时，浏览器控制台中出现以下错误。有人能解释为什么它没有反应吗

未捕获引用错误：未定义react

我正在使用webpack捆绑我的代码。包裹本身通过正常

网页包配置：

var path = require('path');
var webpack = require('webpack');

module.exports = {
  devtool: 'eval-source-map',
  entry: [
    path.join(__dirname, 'src/client/app.js'),
    path.join(__dirname, 'src/client/assets/styles/main.less')
  ],
  output: {
    path: path.join(__dirname, '/dist/'),
    filename: "bundle.js"
  },
  module: {
    loaders: [
      {
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react', 'stage-2']
        }
      },
      {
        test: /\.json$/,
        loader: 'json-loader'
      },
      {
        test: /\.less$/,
        loader: "style!css!less"
      }
    ]
  },
  watch: true,
  node: {
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
  },
  externals: /^[a-z\-0-9]+$/
};

---

谢谢

尝试将此添加到您的

webpack.config.js

：

externals: {
  "react": "React"
}

或者，如果您使用ReactDOM：

externals: {
  "react": "React",
  "react-dom": "ReactDOM"
}

---

您需要显示更多的代码。您需要在源代码中使用react吗？@JoeAttardi说了什么，以及您的package.json的副本就太好了也许您忘记安装babel preset react了？npm安装--保存dev babel，这将从捆绑包中排除它，这将导致OP看到的错误。这告诉Webpack不要捆绑React，而是希望React在全局范围内可用（在浏览器中，它将

window.React

）。