如何在Angular 2中导入工作？

Question

我跟随Angular2的QuickStart。与教程相比，我使文件夹结构不同。我遇到一个无法找到模块的错误...... 。

我了解错误的原因是导入问题。

我的文件夹结构：

我已在hero.ts文件中导出hero接口。我想在hero-detail.component.ts文件中导入此接口。

我曾尝试过：

import {Hero} from '../app/hero';
import {Hero} from './hero';
import {Hero} from './app/hero';

这些都不起作用。

系统在index.html中配置

我的问题是：

如何在Angular 2中导入？

Answer 1

然后你可能需要像

这样的东西

import {Hero} from '../hero';

Answer 2

它应该与SystemJS的配置有关。

您的主HTML文件中是否包含SystemJS文件：

Holder

您是否使用JS默认扩展名配置SystemJS：

<script src="node_modules/systemjs/dist/system.src.js"></script>

有了这个，Günter提议做什么工作！

希望它可以帮到你， 亨利

Answer 3

导航“向上”：

import {Hero} from './../hero';