在Typescript + Webpack项目中缺少源图

Question

我创建了一个Github仓库，其中包含与此问题相关的所有source code。运行build/index.html后，我可以在浏览器中加载npm install。但是，当我在Chrome中查看“来源”标签时，我看不到与.tsx文件关联的源地图。

以下是我看到的屏幕截图：

我在我的tsconfig.json中添加了sourceMap: true以及在我的webpack.config.json中添加了debug: true和devtool: "source-map"。关于我在这里缺少什么的想法？

修改

这可能是一个愚蠢的问题，但您是否必须使用webpack-dev-server才能查看源图？

Answer 1

您的tsconfig.json可能会很好。

尝试webpack.config.js devtool: "inline-source-map"或删除完成debug和devtool两个选项。 就我而言，我不需要它们。

Answer 2

我不得不为源图文件添加文件路径。看一下这个webpack.config.js的输出部分： https://github.com/nwinger/reactreduxtodo/blob/master/webpack.config.js