Ionic 应用无法在 device/simulator 上运行

Ionic app not working on device/simulator

它昨天在模拟器中运行良好,但现在它表现得很愚蠢。不过,我碰巧偶然发现了一种让它在模拟器中工作的方法:

通常在 ios 我 运行

上模拟应用程序
$ ionic run ios

现在显示的是该应用程序的 "broken" 版本。

但是,如果我 运行

$ ionic run ios --livereload

然后我的应用程序按预期运行!不幸的是,ionic view 应用程序显示损坏的版本。 Chrome(通过 ionic serve)显示了工作版本,所以我现在用它来开发,但我需要修复它。此时的故障排除过程是什么?

尽管此 在网络上与 --livereload 一起工作,但问题始终与脚本 href url.

相关

问题: google 地图 js link 使用“//url.to.site” 所以我不得不手动添加“http:”,瞧。

如何在 iOS 设备上正确调试 ionic + angularjs 应用程序

调试这是糟糕,直到我想出解决方案。 注意: 需要 OS X 或一些严肃的黑客技能。

步骤如下:

  1. $ ionic build ios
  2. Xcode
  3. 中打开 TheApp/platforms/ios/TheApp.xcworkspace
  4. Build/Run xcode 中的应用到设备或模拟器
  5. 打开 Safari 启用 开发者模式(首选项 > 高级 > 在菜单栏中显示开发菜单)
  6. Safari 菜单中 select Debug > [Name of iOS device] > index.html
  7. Inspector window 处于活动状态时,按 CMD+R刷新) 然后您将能够从 页面加载开始 .
  8. 开始观看您的 console.logs

EDIT 快捷方式:如果您使用 $ ionic run ios --device

,则可以跳过步骤 1-3

太棒了,因为现在您可以在实际的iOS 设备上单步执行您的代码!我希望这会为你们中的一些人节省大量时间。祝你好运!

对于 Android 设备

感谢@sajclarke,我找到了这篇文章:https://developer.chrome.com/devtools/docs/remote-debugging