android - Ionic v2 html 根本不呈现( Angular 2)

Question

我的问题:

我正在使用 Ionic v2 编写混合应用程序，一切正常。我使用 ionic serve 并且我的应用程序只是做它应该做的，所以在浏览器中一切正常。但是，当我在任何 Android 手机或模拟器上使用 ionic run android 运行该应用程序时，我只会看到一个没有错误的空白屏幕。

我现在尝试删除每个新创建的页面并尝试注释所有代码，但它仍然只显示一个空白屏幕。

奇怪的是，我只看到一个空白屏幕，但当我点击一个输入字段时(因为我知道它们在哪里，我看不到它们)我的设备打开键盘，我可以写了。

我什至有

cordova camera-preview plugin

已安装，当我打开这个时，它会显示摄像头，但不会显示它周围的用户界面。

我只是觉得 HTML 没有呈现，但我无法让它工作。

输入 onViewDidEnter 等 Ionic 事件并显示 alert()但是我所有的 HTML 都没有呈现。

如果有任何一点帮助我都会很高兴

包.json

    {
  "name": "ionic-hello-world",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "2.1.1",
    "@angular/compiler": "2.1.1",
    "@angular/compiler-cli": "2.1.1",
    "@angular/core": "2.1.1",
    "@angular/forms": "2.1.1",
    "@angular/http": "2.1.1",
    "@angular/material": "^2.0.0-alpha.10",
    "@angular/platform-browser": "2.1.1",
    "@angular/platform-browser-dynamic": "2.1.1",
    "@angular/platform-server": "2.1.1",
    "@ionic/storage": "1.1.6",
    "@types/hammerjs": "^2.0.33",
    "ang2-parallax": "^1.0.2",
    "hammerjs": "^2.0.8",
    "ionic-angular": "2.0.0-rc.3",
    "ionic-native": "2.2.3",
    "ionicons": "3.0.0",
    "ng2-progressbar": "^1.0.3",
    "ng2-slim-loading-bar": "^2.0.4",
    "rxjs": "5.0.0-beta.12",
    "zone.js": "0.6.26"
  },
  "devDependencies": {
    "@ionic/app-scripts": "0.0.45",
    "typescript": "2.0.6"
  },
  "cordovaPlugins": [
    "cordova-plugin-whitelist",
    "cordova-plugin-statusbar",
    "cordova-plugin-console",
    "cordova-plugin-device",
    "cordova-plugin-splashscreen",
    "ionic-plugin-keyboard"
  ],
  "cordovaPlatforms": [],
  "description": "An Ionic project"
}

Answer 1

错误:

我在 .scss 文件的数组中使用了“太多”变量。

我有这个变量:

$颜色:(
初级:#387ef5，
二级:#32db64，
危险:#f53d3d，
光:#f4f4f4，
黑暗:#222，
应用颜色:#A717A5，
标签颜色:#3441a5，
进度:#a90329，
海军风格:#001f3f，
蓝色风格:#0074D9，
AQUA风格:#7FDBFF，
蓝绿色风格:#39CCCC，
橄榄风格:#3D9970，
绿色风格:#2ECC40，
石灰风格:#01FF70，
黄色风格:#FFDC00，
橙色款:#FF851B,
红色风格:#FF4136，
栗色风格:#85144b，
紫红色风格:#F012BE，
紫色款式:#B10DC9,
黑色风格:#111111，
灰色风格:#AAAAAA，
银色风格:#DDDDDD
洋红色 1:#EE00EE，
mediumorchid1:#7A378B，
板岩灰 1:#6C7B8B，
天蓝 1:#4A708B，
springgreen1:#008B45，
深绿色 1:#006400，
黄色 1:#8B8B00，
暖灰色:#808069，
橙色 1:#CD8500，
lightsalmon1:#8B5742，
olivedrab1:#8E8E38，
深蓝色 1:#07064c，
紫光 1:#8e50d7，
紫色 1:#8238a3，
棕色 1:#771e10，
brownorange1:#e38c2d，
lightlight1:#dbdcff，
darkbrown1:#230100，
暗红 1:#8e0400，
rosa1:#f6546a，
militargreen1:#313304，
base1:#baa676，
皮肤 1:#c6a339，
graay1:#4f5951，
红灯 1:#853b35，
weirdgreen1:#515310，
weirdergreen1:#c0bd6b，
octablue1:#064a6c，
hashgray1:#A9A9A9
);

如果这个 $colors-variable 包含超过 29 个颜色值，我的完整 HTML-Rendering 将被跳过或根本不起作用。所以我只是用另一种方法将这个数组保持在 29 个元素以下。

这解决了我的问题。