Ionic v2 html 根本不渲染（角度 2）

Question

我的问题：

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

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

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

我什至有

cordova camera-preview plugin

已安装，当我打开它时，它会显示相机，但不会显示它周围的用户界面。

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

像onViewDidEnter 这样的离子事件被输入并显示alert() 但我的所有 HTML 都没有呈现。

每一个小小的帮助我都会很高兴

package.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 文件的数组中使用了“太多”变量。

我有这个变量：

$colors: ( primary: #387ef5, secondary: #32db64, danger: #f53d3d, light: #f4f4f4, dark: #222, appcolor: #A717A5, tabscolor: #3441a5, progress: #a90329, NAVY-style: #001f3f, BLUE-style: #0074D9, AQUA-style: #7FDBFF, TEAL-style: #39CCCC, OLIVE-style:#3D9970, GREEN-style:#2ECC40, LIME-style: #01FF70, YELLOW-style:#FFDC00, ORANGE-style:#FF851B, RED-style: #FF4136, MAROON-style:#85144b, FUCHSIA-style:#F012BE, PURPLE-style:#B10DC9, BLACK-style:#111111, GRAY-style:#AAAAAA, SILVER-style:#DDDDDD magenta1 : #EE00EE, mediumorchid1: #7A378B, slategray1: #6C7B8B, skyblue1: #4A708B, springgreen1: #008B45, darkgreen1: #006400, yellow1: #8B8B00, warmgrey: #808069, orange1: #CD8500, lightsalmon1: #8B5742, olivedrab1: #8E8E38, dark-blue1: #07064c, purplelight1: #8e50d7, purple1: #8238a3, brown1: #771e10, brownorange1: #e38c2d, lightlight1: #dbdcff, darkbrown1: #230100, darkred1: #8e0400, rosa1: #f6546a, militargreen1: #313304, base1: #baa676, skin1: #c6a339, graay1: #4f5951, redlight1: #853b35, weirdgreen1: #515310, weirdergreen1: #c0bd6b, octablue1: #064a6c, hashgray1: #A9A9A9 );

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

这解决了我的问题。

Answer 2

查看您的 package.json，您还没有添加 android 平台。 先做

npm install -g cordova

您没有将 cordova 安装为全局 然后执行以下步骤。

ionic platform add android

将在cordovaPlatforms[]中添加一个条目

在运行之前构建您的 android 应用。

ionic build android