1

我正在尝试在 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)));
4

1 回答 1

0

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

转身

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

/build/layoutModuleScripts/root/root.js

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

于 2020-10-04T07:20:09.270 回答