Webpack源映射问题

Question

我开始学习nodejs和react并尝试构建bundle.js文件，并想要在浏览器中进行调试。 但是我无法做到。我创建了bundle.map文件，但是webpack选项卡没有出现在浏览器中，取而代之的是错误提示。

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
                }
            }
        }
        ]
    }
}

我该如何修复它？

- Vasyl Savchuk

---

什么是 webpack 标签页？你正在使用哪个版本的 webpack？ - emi

Answer 1

您正在将 sourceMap 选项传递给 Babel，这可能是不必要的，并可能导致问题。

- emi