Javascript 网页包源地图问题

我开始学习nodejs和react，并尝试构建bundle.js，希望在浏览器中使用dubug。 但是我不能。我创建了bundle.map文件，但“网页包”选项卡未显示在浏览器中。相反，我会犯错误

DevTools failed to load SourceMap: Could not load content for chrome-extension://dipiagiiohfljcicegpgffpbnjmgjcnf/js/sentry.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://dipiagiiohfljcicegpgffpbnjmgjcnf/js/commons.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://dipiagiiohfljcicegpgffpbnjmgjcnf/js/react.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://dipiagiiohfljcicegpgffpbnjmgjcnf/js/content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

这是webpack.config.js文件

var path = require('path');
module.exports = {
    mode: "development",
    entry: "./src/App.js",
    output: {
        path: path.join(__dirname, "dist", "assets"),
        filename: 'bundle.js',
        sourceMapFilename: 'bundle.map'
    },
    devtool: "source-map",
    module: {
        rules: [
            {
            test: /\.js$/,
            exclude: /(node_modules)/,
            use: {
                loader: "babel-loader",
                options: {
                    presets: ["@babel/preset-env", "@babel/preset-react"],
                    sourceMap: true
                }
            }
        }
        ]
    }
}

---

如何修复它？

您正在将

sourceMap

选项传递给Babel，这可能是不需要的，并且可能会导致问题。

什么是

webpack选项卡

？您使用的是什么版本的

webpack

？