Chrome 断点不适用于 browserify 和 babelify答案

【问题标题】：Chrome breakpoints does not work with browserify and babelifyChrome 断点不适用于 browserify 和 babelify
【发布时间】：2020-10-04 00:37:40
【问题描述】：

我正在尝试在 chrome 上调试我的应用程序。我以前使用打字稿，它工作正常。但是当我切换到带有 browserify 和 babelify 的 javascript 时，断点不再被触发。我可以看到原始文件源。我可以放断点。但它并没有就此止步。我也尝试在转译文件上放置断点，但这也不起作用。我在 Microsoft Edge 上尝试过它也无法在那里工作。这是我用来编译我的 javascript 的代码。顺便说一句，debugger; 它可以工作。但我不想这样做，因为我会忘记删除它们。

browserify({
   entries: inputPath,
   debug: !prodMode // prodMode is false so debug is true
})
   .transform("babelify", { presets: ["@babel/preset-env"] })
   .bundle()
   .pipe(vinylSourceStream(path.basename(outputPath)))
   .pipe(gulp.dest(path.dirname(outputPath)));

【问题讨论】：

标签： google-chrome browserify babelify

【解决方案1】：

我找到了解决方案。这是因为脚本参考上的版本查询。

转身

/build/layoutModuleScripts/root/root.js?v=1601795818927

到

/build/layoutModuleScripts/root/root.js

现在断点可以工作了。我不知道它与 babel 或 browserify 有什么关系。但在打字稿中，它正在使用查询字符串。

【讨论】：