Android 上带有 angular2 的社交教程中的应用卡在加载页面中

Question

我正在学习 meteor 和 angular 2 的教程，当我到达第 11 步时 运行您的应用在 Android 或 iOS 使用 PhoneGap 我无法在我的 android 设备上使用它。

这是我从控制台得到的输出。

Error: Uncaught (in promise): Error: Error in ./AppComponent class AppComponent_Host - inline template:0:0 caused by: The selector "app" did not match any elements

这是我目前在 app.component.ts 文件中的内容：

import { Component } from '@angular/core';

import template from './app.component.html';

@Component({
  selector: 'app',
  template
})
export class AppComponent {}

该应用程序在网络浏览器上运行完美。我认为这可能是路由器的问题，但我不太确定。

这是来自 app.routes.ts

的代码

import { Route } from '@angular/router';
import { Meteor } from 'meteor/meteor';

import { PartiesListComponent } from '../parties/parties-list.component';
import { PartyDetailsComponent } from '../parties/party-details.component';

export const routes: Route[] = [
  { path: '', component: PartiesListComponent },
  { path: 'party/:partyId', component: PartyDetailsComponent}
];

这是index.html:

<head>
    <base href="/" />
</head>
<body>
    <app>Loading...</app>
</body>

这是 app.component.html

<div>
    <router-outlet></router-outlet>
</div>

它应该重定向到 PartiesListComponent 但只是抛出该错误并卡在加载中。谢谢。

Answer 1

已解决

这是main.ts中的原始代码（摘自该教程的网站）

import 'angular2-meteor-polyfills';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './imports/app/app.module';

const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

我刚刚发现本教程（再次）已过时，并且有一种 bootstrap 应用程序的新方法。

使用下一个代码，应用程序在 android 上运行良好。

import 'angular2-meteor-polyfills';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { Meteor } from "meteor/meteor";
import { AppModule } from './imports/app/app.module';

enableProdMode();

Meteor.startup(() => {
   platformBrowserDynamic().bootstrapModule(AppModule);
});

我希望这对某人有所帮助。

Android 上带有 angular2 的社交教程中的应用卡在加载页面中

App from Socially tutorial with angular2 stuck in loading page on Android

android

angular-meteor

angular