javaScript Исходные карты не работают

Question

Я использовал исходные коды, созданные через 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 

точки существо, я знаю, что карты источника в настоящее время строится ... Но почему-то хром не может взаимодействовать их.

Я, очевидно, хочу, чтобы sourcemaps работали. Как я могу заставить их работать? Может быть, настройка в хроме?

Answer 1

Понадобилось время, и я ненавижу отвечать на свои вопросы. Но кто знает, что кто-то другой может иметь такую ​​же проблему ...

В моем скрипте есть async этот маленький парень был причиной всех злых!

Неправильный

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

Правильная

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