Uncaught ReferenceError: react is not defined webpack

Question

尝试加载我的应用程序时，我在浏览器控制台中收到以下错误。谁能解释为什么它没有找到反应？

Uncaught ReferenceError: react is not defined

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

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]+$/
};

谢谢

Answer 1

尝试将此添加到您的webpack.config.js：

externals: {
  "react": "React"
}

或者如果你使用 ReactDOM：

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