Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 源地图管理器错误：请检查您使用的源地图是否正确_Javascript_Webpack_Source Maps - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 源地图管理器错误：请检查您使用的源地图是否正确

Javascript 源地图管理器错误：请检查您使用的源地图是否正确

javascript webpack

Javascript 源地图管理器错误：请检查您使用的源地图是否正确,javascript,webpack,source-maps,Javascript,Webpack,Source Maps,我有一个JavaScript项目，它使用带有源地图的Webpack4： mode: 'development', entry: { app: './src/app.js' }, output: { filename: 'app.[contenthash].js', path: outputPath, }, devtool: 'sourcemap', externals, .... 它在mydist文件夹中生成2个JS文件： app.[contenthash].js和app.[

我有一个JavaScript项目，它使用带有源地图的Webpack4：

mode: 'development',
entry: { app: './src/app.js' },
output: {
    filename: 'app.[contenthash].js',
    path: outputPath,
},
devtool: 'sourcemap',
externals,
....
它在my
dist
文件夹中生成2个JS文件： 
app.[contenthash].js
和
app.[contenthash].js.map
附加到它

我安装了
源地图管理器
：


但是当我在这些文件上运行它时，我得到了一个错误：

源映射引用第17行生成的第8列，但
源在该行上仅包含0列。检查一下你是谁
使用正确的源代码映射

我怎样才能解决这个问题

编辑：

当我将Webpack的模式更改为
production
时，它不会抛出该错误。为什么？

现在使用
production
模式，当我运行它时，它只是挂起。。估计要花多长时间？
我也有同样的错误。我犯了一个普遍的错误：没有生成缩小版


源地图管理器
基于两个文件：


    

  • bundle.js
    -缩小版
    • 

  • bundle.js.map
    -源映射（为
    bundle.js
    生成）
    • 




步骤1。构建一个dist文件+源地图

例如，通过
webpack


npx webpack -p src/main.js --production --devtool source-map


例如，通过
汇总


npx rollup -i src/main.js -o dist/bundle.js -m


第2步。审核人


npx source-map-explorer dist/main.js



此答案基于@piecioshka的~但禁用了列/行映射检查，如本文所示

完整命令如下所示：


npx源地图浏览器dist/main.js——无边界检查