React本地加载报错：Uncaught TypeError: Cannot read property 'app' of undefined

嘿，我之前在项目里也踩过这个报错的坑，给你几个实用的排查方向试试：

• 先盯紧RegisterPage.js第14行代码
  这个报错的核心问题是：你在代码里尝试读取某个对象的app属性，但这个对象本身是undefined。先去看RegisterPage的第14行，是不是写了类似xxx.app的代码？检查一下xxx有没有被正确导入、初始化——比如是不是某个第三方库的实例没提前创建，或者全局对象没挂载到位？

• 排查依赖加载顺序问题
  从报错栈能看到是webpack加载模块时出的问题，很可能是某个依赖还没准备好就被提前调用了。比如你是不是在某个模块里过早引用了未初始化的全局变量？或者webpack的chunk加载顺序有冲突？可以试试调整webpack入口文件的顺序，或者用import()动态导入的方式延迟加载相关模块。

• 试试重置依赖包
  不同npm包之间的版本冲突也常导致这种奇怪的undefined问题。你可以先删除node_modules文件夹和package-lock.json（如果用yarn就删yarn.lock），然后重新执行npm install，确保所有依赖都更新到兼容的版本。另外也可以查一下你用的第三方库有没有已知的类似bug，看看它们的官方issues或者文档有没有解决方案。

• 直接调试编译后的代码
  虽然npm.js是webpack编译后的代码，但你可以在浏览器开发者工具里给第341行打个断点，看看hm构造函数里到底是哪个变量变成了undefined。顺着调用栈往上追溯，就能精准定位到最初引发问题的源头，比瞎猜高效多了。

内容的提问来源于stack exchange，提问作者Mel