Nativescript angular 2 error while import multiple components

Question

When i import 2 components within directives:[] the second component comes with this error File stores.component.xml does not exists.

What Works

When there is only 1 component in directives: [] or use template instead of 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>

vzhen · Accepted Answer · 2016-06-05 19:24:42Z

1

nativescript removes angular module.id so templateUrl requires absolute path which templateUrl: 'app.component.xml', to templateUrl: '../app/YOUR_COMPONENT_DIRECTORY/NAME.component.xml'

answered Jun 5, 2016 at 19:24

vzhen

11.2k14 gold badges58 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matthew Over a year ago

That would work. It's relative to the app folder so you could skip the app part so it becomes more simply: YOUR_COMPONENT_DIRECTORY/NAME.component.html or ./YOUR_COMPONENT_DIRECTORY/NAME.component.html. The preference for the file extension is html as @Houssem mentions as the tooling tends to work better and the ide tends to complain less about your view.

Houssem Yahiaoui · Accepted Answer · 2016-06-07 12:47:06Z

1

In nativescript 2, using ng2, the 'templateUrl' file's extension is in fact a '.html' and not a '.xml'

answered Jun 7, 2016 at 12:47

Houssem Yahiaoui

5736 silver badges14 bronze badges

Collectives™ on Stack Overflow

Nativescript angular 2 error while import multiple components

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related