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

Question

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

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

Answer 1

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

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

Answer 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 代替它是常见的解决方案。