无法在Chrome开发者工具中调试Gatsby网站

时间:2019-08-14 04:25:29

标签: gatsby

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

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

1 个答案:

答案 0 :(得分:3)

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

gatsby-node.js中,添加以下内容:

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

来源:https://github.com/gatsbyjs/gatsby/issues/6877