React实例未在浏览器中公开

时间:2015-07-14 19:27:52

标签: reactjs google-chrome-devtools webpack webpack-dev-server

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

1 个答案:

答案 0 :(得分:1)

问题在发现时是微不足道的,但问题的根源很难找到:我一直在使用我的开发页面的React版本,正如Cookbook所建议的那样,因为它让我不能无法将localhost:8080/webpack-dev-server/注入<script src="http://localhost:8080/webpack-dev-server.js"></script>索引文件生成器,并提供了一个很好的状态栏。 我切换到html-webpack-plugin 后效果很好。不幸的是,我无法使用localhost:8080版本,但我认为这与在这个网址下加载到框架中的事实有关。