Javascript DevTools无法分析SourceMap:webpack:///node_modules/sockjs-client/dist/sockjs.js.map
我正在尝试设置一个简单的html/Js页面 我已经安装了webpack和babel。我已经用“build”和“start”脚本配置了package.json文件 该页面运行得很好,但警告是:“DevTools未能解析SourceMap:webpack:///node_modules/sockjs-client/dist/sockjs.js.map每当我执行“npm run start”命令,并且无法在Chome Devtools中调试代码时,都会引发 package.json:Javascript DevTools无法分析SourceMap:webpack:///node_modules/sockjs-client/dist/sockjs.js.map,javascript,webpack,google-chrome-devtools,babeljs,Javascript,Webpack,Google Chrome Devtools,Babeljs,我正在尝试设置一个简单的html/Js页面 我已经安装了webpack和babel。我已经用“build”和“start”脚本配置了package.json文件 该页面运行得很好,但警告是:“DevTools未能解析SourceMap:webpack:///node_modules/sockjs-client/dist/sockjs.js.map每当我执行“npm run start”命令,并且无法在Chome Devtools中调试代码时,都会引发 package.json: { "nam
{
"name": "my-proyect",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --config ./webpack.config.js --mode development",
"build": "webpack --config ./webpack.config.js --mode production",
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/core": "^7.9.0",
"@babel/preset-env": "^7.9.0",
"babel-loader": "^8.1.0",
"html-webpack-plugin": "^4.0.3",
"webpack": "^4.42.1",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^3.10.3"
}
}
webpack.config.js
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
// 1
entry: './src/index.js',
///////// BABEL ///////////////
module: {
rules: [
{
test: /\.(js)$/,
exclude: /node_modules/,
use: ['babel-loader']
}
]
},
resolve: {
extensions: ['*', '.js']
},
////////////////////////
///////// Plugins ///////////
plugins: [
new HtmlWebpackPlugin({
title: 'Hello Webpack bundled JavaScript Project',
template: './src/index.html'
})
],
// 2
output: {
path: __dirname + '/dist',
publicPath: '/',
filename: 'bundle.js'
},
// 3
devServer: {
contentBase: './dist'
}
};
如果有人能指导我解决这个问题,我将不胜感激
问候。转到开发工具设置,然后转到首选项。尝试关闭“启用Javascript源代码映射”和“启用CSS源代码映射”并查看其是否有效。如果它们只是离开控制台时困扰您的不重要警告,您可以暂时禁用它们
将此添加到网页配置文件可以解决
devtool: 'eval-source-map'
“源地图加载器”:“^1.0.0”
将这一行添加到package.json中的devdependency中,然后运行npm install不清楚在哪里添加这一行。在最顶层(最左边)添加对我来说很有效。在OP的webpack.config.js文件的最后两个大括号之间。如果有效,请在顶部添加,然后打开web浏览器devtools搜索源代码如果有一个你知道有效的网页,请查找网页