Javascript 控制台中的错误显示main.js中发生错误的非特定文件

我正在做一个React项目，我正在尝试调试某些功能。我注意到，当我在Chrome开发工具中检查错误时，它只在

main.js:82145

中显示错误。如您所见，这是整个项目的

js

文件（错误发生在第82145行）。这很难调试。当您正常运行React项目并发生错误时，它会告诉您具体发生在哪个文件中。例如

AddUser.js:52

。我的问题是为什么我当前的项目没有显示确切的文件？该项目使用Grunt，我能想到的唯一一件事是，它编译成一个

main.js

文件，不“知道”其他文件，只知道

main.js

以下是我当前错误的屏幕截图：

---

脚本的“内置”版本是吗？当您构建它时，所有内容都是为生产/部署而编译的，因此您会丢失变量名和文件名。您可以尝试React-DevTools扩展，它可能对组件有一些帮助，我们的Grunt任务编写

main.js

文件（这是构建的版本）。好的，这是有意义的，所以通常在运行React项目时，它将被服务（而不是来自构建文件），这就是为什么您会看到发生错误的特定文件？但我可能会遇到同样的问题，因为构建版本不知道文件结构？是的，没错。我建议部署开发版本，唯一真正的区别在于大小（即用于服务JS的带宽），但如果错误只发生在生产环境中，那么它将非常有用。很酷，非常感谢。现在发生的事情肯定清楚多了。