Wie relative URL Importe in Typescript und Angular2 zu erstellen

Question

Hallo Ich versuche zu verstehen, wie Typoskript weiß @ angular ist und wie es weiß, es zu importieren. Ich weiß, dass dies von einer Javascript-Ebene aus konfiguriert werden kann, um SystemJS mitzuteilen, wo es aussehen soll, aber von einer Typoskript-Ebene kann ich verstehen, wo dies erreicht wird.

Meine aktuelle Anwendung hat die folgende Struktur:

Wenn nativen Winkel 2 Komponenten laden wir die folgenden Import url haben:

Import {Component} von ‚@ Winkel/Kern ';

Irgendwie weiß Typescript, dass es die Komponenten in libs/@ angular finden kann.

Ich weiß, bei der JavaScript-Ebene, dass diese Konfiguration wie dies geschehen ist:

(function (global) { 
// map tells the System loader where to look for things 
var map = { 
    'app': 'app', // 'dist', 
    '@angular': 'libs/@angular', 
    'angular2-in-memory-web-api': 'libs/angular2-in-memory-web-api', 
    'rxjs': 'libs/rxjs', 
    '@commercify': 'app' 
}; 

..... 

var config = { 
    map: map, 
}; 
System.config(config); 

}) (this);

Wie es gesehen werden kann, habe ich @commercify ':' app 'erstellt, die auf app zeigen sollte, aber das sagt kein typescript nichts. Wie kann ich Typoskript so konfigurieren, dass es weiß, wo @commercify gefunden wird?

Im Moment bin ich immer ein in Visual Studio für diesen Import nicht Modul finden:

'Import {CategoriesComponent} von' ../:

import { CategoriesComponent } from '@commercify/catalog/categories/categories.component'; 

Die Funktionsweise URL sieht wie folgt aus. ./catalog/categories/categories.component ';'

Ich möchte das Hinzufügen ../../ vermeiden und direkt

Answer 1

Eigentlich in den Stammordner zeigen, was Sie wollen, ist „Nicht-relative“ Import.

In Ihrem tsconfig.json die folgenden hinzufügen, wenn Neustart erforderlich VS-Code

"module": "systemjs", 
"moduleResolution": "node" 

Wie Modul Auflösung in Maschinenschrift arbeitet

https://www.typescriptlang.org/docs/handbook/module-resolution.html