reactjs - Typescript + Webpack 项目中缺少源映射

Question

我创建了一个 Github 存储库，其中包含所有 source code与这个问题有关。运行 npm install 后，我可以在浏览器中加载 build/index.html。但是，当我在 Chrome 中查看源选项卡时，我没有看到与 .tsx 文件关联的源映射。

这是我看到的屏幕截图:

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

编辑:

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

Answer 1

您的 tsconfig.json 可能没问题。

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