NativeScript 找不到 Angular 组件

Question

我刚刚开始使用 Angular 和 NativeScript，对于我的一生，我无法弄清楚为什么我不能让我对组件的引用工作。

首先，我生成初始文件：tns create test --ng。

接下来，我创建以下文件结构：

App_Resource
components
---app
------app.component.ts
---create
------create.component.ts
------create.component.html
app.module.ts
app.routing.ts
main.ts

这是应用程序.component.ts

import { Component } from "@angular/core";
import { Router } from "@angular/router";
@Component({
    selector: "my-app",
    template: "<page-router-outlet></page-router-outlet>"
})
export class AppComponent { }

这是create.component.ts

import { Component } from "@angular/core";
import { Location } from "@angular/common";
import { Router } from "@angular/router";
import * as AppSettings from "application-settings";
@Component({
    selector: "create",
    templateUrl: "./components/create/create.component.html",
})
export class CreateComponent { //... }

这是应用程序.模块.ts

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { AppRoutingModule } from "./app.routing";
import { AppComponent } from "./compontents/app/app.component";
import { CreateComponent } from "./compontents/create/create.component"
@NgModule({
bootstrap: [
    AppComponent
],
imports: [
    NativeScriptModule,
    AppRoutingModule
],
declarations: [
    AppComponent,
    CreateComponent
],
providers: [
],
schemas: [
    NO_ERRORS_SCHEMA
]
})

这是app.routing.ts

import { NgModule } from "@angular/core";
import { NativeScriptRouterModule } from "nativescript-angular/router";
import { Routes } from "@angular/router";
import { CreateComponent } from "./compontents/create/create.component"
const routes: Routes = [
    { path: "", redirectTo: "/compontents", pathMatch: "full" },
    { path: "create", component: CreateComponent }
];
@NgModule({
    imports: [NativeScriptRouterModule.forRoot(routes)],
    exports: [NativeScriptRouterModule]
})
export class AppRoutingModule { }

这是主要的。

import { platformNativeScriptDynamic } from "nativescript-angular/platform";
import { AppModule } from "./app.module";
platformNativeScriptDynamic().bootstrapModule(AppModule);

问题

当我做tns运行android时，我收到以下错误消息：

Error: Could not resolve components/create/create.component.html. 
Looked for: /data/data/org.nativescript.AngularTag/files/app/components/create/create.component.html

从错误来看，它似乎在错误的文件夹中查找组件，但是，我不确定为什么。

Answer 1

包含moduleId: module.id，然后删除templateUrl的完整路径(样式表也是如此(。

例如，您的创建组件应该是。

@Component({
    moduleId: module.id,
    selector: "create",
    templateUrl: "./create.component.html",
})