Question

亲爱的角度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'字段并将新模块类添加到指令中，如下所示：

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 - 西兰花找不到模块

1 个答案: