React webpack undefined 在控制台中做出反应

Question

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

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

Answer 1

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

Answer 2

您需要公开 React，以便使用 expose-loader:

在 window 上可用

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

React webpack undefined 在控制台中做出反应

React webpack undefined react in console

reactjs

webpack

webpack-dev-server