VS代码调试浏览器断点未绑定

Question

我试图在vs代码中调试我的应用程序浏览器与我的应用服务器。尽管浏览器将启动，断点仍未绑定。index.js文件有两个文件。

path/src/index.js)

• Contains

• 包含JSX语法(完整是构建时转换为React.createElement('div')元素的第一个文件(/src/index.js < path相对于项目根)。

我可以用一些诡计多端的方法获得断点，以create element的形式停止编译的代码，这是很难读的，但不是首选的源JSX标记样式代码。

编译和未编译的index.js文件加上launch.json

​

​

Answer 1

下面的URL给出了我花了两个星期才解决的解决方案。我使用的是react webpack-dev-server，在我的webpack.config.js文件中，我将下面的条目放在诸如条目、输出、模块等其他内容中。

devtool: "source-map" // thats it!

https://trackjs.com/blog/debugging-with-sourcemaps/