Angular 2 cli - Brokkoli kann das Modul nicht finden

Question

Sehr geehrte Angular 2 Entwickler ...

Ich bekomme Probleme mit dem Versuch, eine Direktive in meinem Hauptmodul zu importieren. Ich benutze 'angular-cli', um Module zu generieren, aber Broccoli-Plugin sagt immer wieder, dass es mein neu erstelltes Modul nicht finden kann ...

Hier ist ein Code. Das neu erstellte Modul ist seit seiner Erstellung von eckig-cli (Version 1.0.0-beta.5) unverändert. Auf dem Hauptmodul von meinem Projekt sieht die HTML-Vorlage wie folgt aus:

<div id="content"> 
    <div class="firstname"> 
    <div class="letter"><p class="animated rotate1">D</p></div> 
    <div class="letter"><p class="animated rotate2">a</p></div> 
    <div class="letter"><p class="animated rotate3">v</p></div> 
    <div class="letter"><p class="animated rotate4">i</p></div> 
    <div class="letter"><p class="animated rotate5">d</p></div> 
    <div class="lastname animated">Rueda</div> 
</div> 

<div class="job animated"> 
    <h4>{{jobTitle}}</h4> 
</div> 

<!--<app-cv-menu></app-cv-menu>--> 
</div> 

Das letzte Bit uncommented sein wird, wenn ich mich richtig meine Richtlinie zu importieren, zu bekommen. Jetzt wird das Hauptmodul ts-Datei kaum unverändert ... Ich habe die ‚jobtitle‘ Feld erstellt und hinzugefügt mein neues Modul Klasse den Richtlinien wie folgt:

import { Component } from '@angular/core'; 
import {CvMenuComponent} from "src/app/cv-menu/cv-menu.component"; 

@Component({ 
    moduleId: module.id, 
    selector: 'david-rueda-app', 
    templateUrl: 'david-rueda.component.html', 
    styleUrls: ['david-rueda.component.css'], 
    directives: [CvMenuComponent] 
}) 
export class DavidRuedaAppComponent { 
    jobTitle = 'web dev'; 
} 

Schließlich ist hier der Fehler, den ich von Broccoli bekommen :

The Broccoli Plugin: [BroccoliTypeScriptCompiler] failed with: 
Error: Typescript found the following errors: 
mymain.component.ts (2, 31): Cannot find module 'src/app/cv-menu/cv-menu.component'. 

ich hoffe, dass Sie mir helfen können :) Sie

Answer 1

Sieht aus wie dieser Fehler durch falsche Importpfad danken ist.

Sie versuchen, CvMenuComponent (von src/app/cv-menu/cv-menu.component) in DavidRuedaAppComponent (das in src/app ist) zu importieren.

Also, in diesem Fall sollte der Importpfad nicht von src/app starten. Stattdessen versuchen mit

import {CvMenuComponent} from "./cv-menu/cv-menu.component";