debugging 在React中的console中查找相关错误行

rqcrx0a6  于 2023-06-23  发布在  React
关注(0)|答案(1)|浏览(138)

当我打开devtools以找出浏览器中发生错误的位置时,我通常会看到这样的内容:
Cannot read properties of null .... app.js:123123
at MyComponent
控制台告诉我错误发生在MyComponent中是可以的,但它告诉我这一行是在app.js:123123中,我认为这是构建的js文件,所以很难找到哪一行是错误。
我尝试使用Erorboundaries和try-catch console.log error.stack,但它没有给我行的确切组件。

mv1qrgav

mv1qrgav1#

当启用GENERATE_SOURCEMAP时,您的应用源代码的完整副本将与JS文件的“缩小”/“转码”版本捆绑在一起。
如果您启用此选项(GENERATE_SOURCEMAP=true),则原始源文件将对使用浏览器“Dev Tools”等工具的应用访问者可见。
如果您关闭它(GENERATE_SOURCEMAP=false),它将不会在您构建项目时创建源Map文件(在CRA中,默认情况下,源Map是在生产模式下生成的)。更多的参考,我附加的链接reference

相关问题