javascript - Perf 未定义 - 使用 webpack-dev-server 运行 React 应用程序

标签 javascript reactjs webpack webpack-dev-server

我正在尝试使用 Perf addon 来衡量 react 性能,但是当我试图在我的控制台中运行 Perf.start() 时,我收到一个错误:Uncaught ReferenceError: Perf is not defined(…)

值得一提的是,我已经通过 npm 安装了插件,并且在我的 main.js 文件中有一个 require('react-addons-perf')

我猜测这个问题与我正在运行 webpack-dev-server 并且全局变量没有正确公开有关,但不幸的是不知道如何正确处理它。谁能帮我解决这个问题?

这是我的 webpack.config codepen上的文件内容供引用。

最佳答案

我不知道你的 webpack.config 中是否有可能改变范围或公开一个 var 以通过全局范围访问的更改,但一种快速的方法是简单地使用

global.Perf = require('react-addons-perf');

这应该会授予您通过控制台的访问权限。

但必须要说的是,它可能不打算在全局公开 vars global variables in requireJS

也许尝试找到一种从您的代码而不是控制台触发 Perf.start() 和 Perf.stop() 的方法!

关于javascript - Perf 未定义 - 使用 webpack-dev-server 运行 React 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34949791/

相关文章:

javascript - 是否可以在不使用查询字符串的情况下传递 webpack 条目配置选项?

reactjs - Webpack gzip 包 - 未捕获的语法错误 : Unexpected token <

javascript - 帮助使用 javascript 处理购物车

javascript - 将二维数组从 javascript 传递到 php 但大小减小

javascript - 如何使用 jQuery 将新 anchor 附加到下拉列表中的选项

javascript - Javascript 中奇怪的划分

reactjs - React app/Chrome 开发工具奇怪的输出 : "in Startnull" - main. js: 42

javascript - ReactJs 需要一个破坏布局的包装器 div

javascript - 如何使用 React 显示服务器-客户端通信历史记录

javascript - 加载electron渲染器时,http ://and file://?之间的require有什么不同