create-react-app调试问题：如何让Chrome DevTools定位原JS文件而非bundle.js

• 确保用开发模式启动项目：Create React App的npm start命令默认会开启Source Map支持，能让DevTools映射到原始文件。不要用npm run build生成的生产包调试，生产模式下Source Map默认不启用。
• 检查Chrome DevTools设置：打开DevTools右上角的齿轮图标进入设置，找到「Sources」板块，确保勾选「Enable JavaScript source maps」和「Enable CSS source maps」。
• 清除缓存：如果还是没生效，在DevTools的「Network」面板勾选「Disable cache」，强制刷新页面（Ctrl+Shift+R）；也可以清空浏览器缓存后重启DevTools。
• 极端情况排查：如果以上都没用，删除项目根目录的node_modules文件夹和package-lock.json文件，重新执行npm install后再启动项目。

完成这些操作后，Chrome DevTools应该就能把错误定位到你的原始JS文件，而不是打包后的bundle.js了。

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