无法在chrome开发工具中调试gatsby网站

当我运行gatsby develop并尝试在chrome开发工具中添加断点时，只能在行的开头添加断点，但我不能在其他任何地方添加断点

---

除了我使用的插件之外，我还没有在我的gatsby配置中添加任何其他内容。

您需要为Webpack添加配置以输出源地图

在gatsby-node.js中，添加以下内容：

exports.onCreateWebpackConfig = ({ actions }) => {
    actions.setWebpackConfig({
        devtool: "eval-source-map"
    });
};

资料来源：