无法调试模拟的 Ionic 应用程序 - 缩小的代码



运行此命令...

ionic cordova emulate android

问题是在调试时,所有代码都被缩小了(供应商.js和主.js( - 难以调试。

我该如何解决这个问题?我想看到两者,因为我的供应商.js抛出错误。我确定有一个 Ionic 设置可以阻止这种情况,但我检查了文档并进行了很多搜索,找不到任何东西。

版本是离子3。

离子信息内容...

Ionic:
ionic (Ionic CLI)  : 4.1.2 (/usr/local/lib/node_modules/ionic)
Ionic Framework    : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.0
Cordova:
cordova (Cordova CLI) : 8.0.0
Cordova Platforms     : android 7.1.0
Cordova Plugins       : cordova-plugin-ionic 4.2.0, cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.1.3, (and 16 other plugins)
System:
NodeJS : v10.10.0 (/usr/local/Cellar/node/10.10.0/bin/node)
npm    : 6.4.1
OS     : macOS High Sierra

谢谢!

当您运行 ionic serve 时,您尝试在 chrome devtools 的源代码选项卡中搜索要调试的文件。它通常出现在 src 文件夹中,然后放置断点,或者您也可以将单词debugger放入代码中,它会在那里停止您的代码,这就是我的做法。

选项 1:使用--livereload参数运行。 我发现在进行远程调试时,使用实时重新加载比不使用实时重新加载更一致地提供源映射。

选项 2:将下面添加到您的 package.json 文件中。 这对我也很有效。 不确定这是否会影响生产构建,因此您可能只想在主动调试时使用此产品。

"config": {
"ionic_bundler": "webpack",
"ionic_source_map_type": "#inline-source-map"
}

最新更新