javaScript 源映射不起作用

javaScript Source maps not working

本文关键字:不起作用 映射 javaScript      更新时间:2023-09-26

我一直在使用通过gulp生成的源映射进行调试一段时间,没有问题。我最近更新了我的铬,他们停止工作。

所以,我知道它们应该在工作,我也可以看到生成的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无法与它们交互。

我显然希望源映射正常工作。我怎样才能让它们工作?也许是铬的设置?

花了

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

我的剧本包括async这个小家伙是万恶的原因!!

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

正确

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