Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Sourcemap工作不正常(浏览器化和缩小)_Javascript_Minify_Browserify_Source Maps - Fatal编程技术网

Javascript Sourcemap工作不正常(浏览器化和缩小)

Javascript Sourcemap工作不正常(浏览器化和缩小),javascript,minify,browserify,source-maps,Javascript,Minify,Browserify,Source Maps,我正在开发的angular.js应用程序目前使用Browserify、Minifyify和驱魔器构建,以便有一个minified.js文件和外部源地图。sourcemap正在工作,但并不完全正常。我可以在web inspector中看到未绑定的文件,并且在断点/异常上打开了正确的文件,这很好,但还不够 每个变量名都以其缩小的形式出现,调试控制台中出现的错误显示bundle.js中的行,而不是未绑定的文件中的行 我正在使用以下行构建捆绑包: $(BROWSERIFY) public/js/app.

我正在开发的angular.js应用程序目前使用Browserify、Minifyify和驱魔器构建,以便有一个minified.js文件和外部源地图。sourcemap正在工作,但并不完全正常。我可以在web inspector中看到未绑定的文件,并且在断点/异常上打开了正确的文件,这很好,但还不够

每个变量名都以其缩小的形式出现,调试控制台中出现的错误显示bundle.js中的行,而不是未绑定的文件中的行

我正在使用以下行构建捆绑包:

$(BROWSERIFY) public/js/app.js --debug | $(MINIFYIFY) | $(EXORCIST) public/js/build/app_bundle.js.map > public/js/build/app_bundle.js
一个简单的例子:

  WebDesktop.prototype.preview = function (url) {
    crash();
    $window.open(url);
  };
调用此方法时,我得到一个明显的错误:

ReferenceError: crash is not defined
at Object.p.preview (http://localhost:3000/js/build/app_bundle.js:109:490)
at l.o.viewAttachment (http://localhost:3000/js/build/app_bundle.js:157:2193)
at http://localhost:3000/js/build/app_bundle.js:12:27196
at http://localhost:3000/js/build/app_bundle.js:13:2335
at l.$eval (http://localhost:3000/js/build/app_bundle.js:11:23528)
at l.$apply (http://localhost:3000/js/build/app_bundle.js:11:23806)
at HTMLSpanElement.<anonymous> (http://localhost:3000/js/build/app_bundle.js:13:2317)
at HTMLSpanElement.o.event.dispatch (http://localhost:3000/js/vendor/offline/jquery.min.js:3:6055)
at HTMLSpanElement.r.handle (http://localhost:3000/js/vendor/offline/jquery.min.js:3:2830) angular.js:9778
ReferenceError:未定义崩溃
在Object.p.preview(http://localhost:3000/js/build/app_bundle.js:109:490)
在l.o.VIEW附件(http://localhost:3000/js/build/app_bundle.js:157:2193)
在http://localhost:3000/js/build/app_bundle.js:12:27196
在http://localhost:3000/js/build/app_bundle.js:13:2335
每升$eval(http://localhost:3000/js/build/app_bundle.js:11:23528)
以1美元申请(http://localhost:3000/js/build/app_bundle.js:11:23806)
在HTMLSPANENT。(http://localhost:3000/js/build/app_bundle.js:13:2317)
在HTMLSpanElement.o.event.dispatch(http://localhost:3000/js/vendor/offline/jquery.min.js:3:6055)
在HtmlPanelment.r.handle处(http://localhost:3000/js/vendor/offline/jquery.min.js:3:2830)www.js:9778
但是所有的引用都被缩小并放在主包中


我正在寻找改进sourcemap行为并能够完全调试应用程序的建议

浏览器现在不支持堆栈跟踪中的sourcemaps分辨率

请参阅本期:

关于这两个问题:


我想这是浏览器的问题。在大多数(所有)浏览器中,源代码映射支持还不是很好。