Question

我一直在使用gulp生成的源代码调试一段时间没有问题。我最近更新了我的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无法与之交互。

我显然希望源图能够正常工作。我怎样才能让他们工作？也许是chrome的设置？

Answer 1

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

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

<强>错误

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

<强>正确

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

javaScript源映射不起作用

1 个答案: