在控制台中反应 webpack 未定义反应

【问题标题】：React webpack undefined react in console在控制台中反应 webpack 未定义反应
【发布时间】：2015-10-09 11:27:17
【问题描述】：

我在构建 webpack 时遇到问题，我编写了自定义 webpack 配置： https://github.com/Simproduction/react-client-webpack 但是当我运行开发或构建项目时，一切正常，但我无法从控制台调用 React 或使用反应开发者工具我得到错误 Uncaught ReferenceError: React is not defined(…) 你可以帮帮我吗？

我的测试项目， https://github.com/Simproduction/react-CM

【问题讨论】：

标签： reactjs webpack webpack-dev-server

【解决方案1】：

您需要公开 React，以便使用 expose-loader 在窗口上使用它：

module: {
  loaders: [
    { test: require.resolve("react"), loader: "expose?React" },
  ]
}

【讨论】：

【解决方案2】：

它在 webpack 中包含 AMD 和 CommonJS。你知道 js 加载器，对吧？
如果你使用 AMD，你知道所有的 js 代码都在 'define([],function(){ var a=10; ...}) 区域。如果你想在控制台打印a。你应该喜欢这个

define([],function(){ 
 var a=10; 
 window.a = a;
})

所以，您可以编辑您的main.js。添加这一行 window.React = React; ，但我们可以使用 CDN 代替它是常见的解决方案。

【讨论】：