Angular 2 cli - Broccoli 找不到模块

Question

亲爱的 angular 2 位开发者...

我在尝试在主模块中导入指令时遇到问题。我正在使用 'angular-cli' 来生成模块，但是 Broccoli 插件一直说找不到我新创建的模块...

这是一些代码。新创建的模块自 angular-cli（版本 1.0.0-beta.5）创建以来未发生变化。在我项目的主模块上，html 模板如下所示：

<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>

一旦我正确导入我的指令，最后一点将被取消注释。现在，主模块 ts 文件几乎没有变化......我创建了 'jobTitle' 字段并将我的新模块 class 添加到指令中，如下所示：

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';
}

最后是我从 Broccoli 得到的错误：

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'.

希望你能帮助我:) 谢谢

Answer 1

看起来这个错误是由于导入路径不正确造成的。

您正在尝试将 CvMenuComponent（来自 src/app/cv-menu/cv-menu.component）导入 DavidRuedaAppComponent（位于 src/app）。

因此，在这种情况下，导入路径不应从 src/app 开始。而是尝试

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

Angular 2 cli - Broccoli 找不到模块

Angular 2 cli - Broccoli cannot find module

angular2-directives

angular