React 实例未在浏览器中公开

React instance not being exposed in a browser

最近我一直在使用 Webpack(对我来说是新的)为 React 设置一个开发堆栈,当然想从它提供的所有闪亮便利中受益(顺便说一下,这很棒!)。在互联网上挖掘的大量资源中,我找到的特别好的资源是 React Webpack Cookbook,每一步都像发条一样。然而,我偶然发现了一个问题,我花了好几个小时才尝试解决,无法在上述页面或任何其他来源中找到解决方案:the expose-loader wouldn't expose React 到 Chrome 中的全局范围(未在其他浏览器上测试)因此不允许 React DevTools 扩展到 运行。我尝试混合 Cookbook 中的所有步骤,使用不同版本的 React,minified/unprocessed,没有任何效果。

问题被发现时很微不足道,但问题的根源很难找到:我一直在使用我的开发页面的 localhost:8080/webpack-dev-server/ 版本,正如 Cookbook 所建议的,因为它允许我不要为无法将 <script src="http://localhost:8080/webpack-dev-server.js"></script> 注入 html-webpack-plugin 索引文件生成器而烦恼,并提供了一种不错的状态栏。 自从我切换到 localhost:8080 后,它工作得很好。不幸的是,我无法使其与 localhost:8080/webpack-dev-server/ 版本一起使用,尽管我认为这与在 url 下页面加载到框架中这一事实有关。