javaScript 源映射不工作

Question

我一直在使用通过 gulp 生成的 sourcemaps 调试一段时间没有问题。我最近更新了我的 chrome，但它们停止工作了。

因此，我知道它们应该可以正常工作，而且我还可以在生成的 js 文件中看到源映射。

var bundler = browserify({
    // Required watchify args
    cache: {}, packageCache: {}, fullPaths: true,
    // Specify the entry point of your app
    entries: ['./js/init.js'],
    // Add file extentions to make optional in your requires
    extensions: ['.js'],
    // Enable source maps!
    debug: true
});

这是我的打包器，用于生成我的 js 文件。

//#     
    sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vZGVfbW9kdWxlc1xcYnJvd3NlcmlmeVx
    ......
    HVybiBfO1xuICAgIH0pO1xuICB9XG59LmNhbGwodGhpcykpO1xuIl19

要点是，我知道目前正在构建源映射...但由于某些原因，chrome 无法与它们交互。

我显然希望 sourcemaps 能正常工作。我怎样才能让他们工作？也许是 Chrome 中的设置？

Answer 1

花了我一段时间，我讨厌回答自己的问题。但是谁知道其他人可能有同样的问题...

我的脚本包含异步这个小家伙是万恶之源!!

错误

 <script src="/js/app.js" async></script>

正确

 <script src="/js/app.js"></script>