Angular2 relative template path and module format

Question

In Angular 2, to support templates with a relative path, you have to set moduleId: module.id inside the component decorator. (see here)

The "problem" is it requires compiling the project in commonjs format. How should you do it with other modules format ? (like systemjs)

Found 2 links that seem to indicate it's not yet possible : github.com/angular/angular/issues/6053 github.com/angular/angular/issues/6131 — Florian F
– Florian F, Commented Dec 31, 2015 at 13:29

Community · Accepted Answer · 2017-05-23 10:30:53Z

1

This is a duplicate: Using relative path for templateUrl in Angular2 Component with SystemJS

Anyway, in a nutshell:

SystemJS supports CommonJS, so you can just set it to commonjs. However module.id, is not recognized by TypeScript, but it does exist. so you need to add a declaration file:

tsconfig.json

"module": "commonjs",

typings.d.ts

declare var module: { id: string };

It might be a good idea to take a close look at how angular-cli generates projects.

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered May 18, 2016 at 11:09

LanderV

1,18712 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Angular2 relative template path and module format

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related