导入多个组件时 Nativescript angular 2 错误

Question

当我导入 2 个组件时 within directives:[] 第二个组件出现此错误 File stores.component.xml does not exists。

有效方法

当 directives: [] 中只有 1 个组件时或使用模板而不是 templateUrl

app.component.ts

import { Component, OnInit } from "@angular/core";
import { Page } from 'ui/page';
import { ChatsComponent } from './chats/chats.component';
import { StoresComponent } from './stores/stores.component';

@Component({
    selector: "my-app",
    templateUrl: 'app.component.xml',
    directives:[ ChatsComponent, StoresComponent ]
})

app.component.xml

<TabView>
  <StackLayout *tabItem="{title: 'Chats'}">
    <chats></chats>
  </StackLayout>

  <StackLayout *tabItem="{title: 'Store'}">
    <stores></stores>
  </StackLayout>
</TabView>

Answer 1

nativescript 删除了 angular module.id 所以 templateUrl 需要 templateUrl: 'app.component.xml', 到 templateUrl: '../app/YOUR_COMPONENT_DIRECTORY/NAME.component.xml'

的绝对路径

Answer 2

在 nativescript 2 中，使用 ng2，'templateUrl' 文件的扩展名实际上是 '.html' 而不是 '.xml'

导入多个组件时 Nativescript angular 2 错误

Nativescript angular 2 error while import multiple components

nativescript

angular