google-chrome - Chrome 断点不适用于 browserify 和 babelify
问题描述
我正在尝试在 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)));
解决方案
我找到了解决方案。这是因为脚本参考上的版本查询。
转身
/build/layoutModuleScripts/root/root.js?v=1601795818927
到
/build/layoutModuleScripts/root/root.js
现在断点工作。我不知道它与 babel 或 browserify 有什么关系。但在打字稿中,它正在使用查询字符串。
推荐阅读
- android - 如何检测密钥是否在 TEE 或钛芯片内部生成
- rust - 内置测试器“定义”没有像我预期的那样工作
- haskell - 如何建立对 Servant 类型错误的直觉?
- oracle - 如何使用 Oracle XML DB Webservices 将表作为一行返回
- android - 从服务器获取数据后如何缓存数据?
- c# - 将文件分类到目录中
- r - Shiny 中的 Kmeans 实现
- wordpress - 如何使用 elementor 在 wordpress 中从头开始自定义页眉和页脚?
- android - “getDisplayLanguage()”总是返回“English”
- firebase-dynamic-links - 如何让我的 Firebase 动态链接重定向到我在桌面上的网站和我在移动设备上的即时应用