[英]Webpack sourcemap issues
I start to learn nodejs and react and trying to build bundle.js and want to dubug it in browser.我开始学习 nodejs 并做出反应并尝试构建 bundle.js 并想在浏览器中调试它。 But I can`t.
但我不能。 I created the bundle.map file but the webpack tab dosnt appear in browser.
我创建了 bundle.map 文件,但 webpack 选项卡不会出现在浏览器中。 Instead I get errors
相反,我得到错误
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
here is webpack.config.js file这是 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
}
}
}
]
}
}
How can I fix it?我该如何解决?
You are passing the sourceMap
option to Babel, which probably is not needed and possibly causing the problems.您正在将
sourceMap
选项传递给 Babel,这可能不需要并且可能导致问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.