javascript - 如果我的导入语句中没有 .js，Angular 2 会抛出错误

Question

我按照 angular.io 的 5 分钟快速入门中的说明进行操作，一切正常。我使用时不必声明 .js

import {Component} from 'angular2/core';

然后我开始使用 templateUrl 加载其他组件

import {NavMenuComponent} from '../nav/navMenu';
@Component ({
    selector: 'my-app',
    templateUrl: 'main.html',
    directives: [NavMenuComponent]
})
export class AppComponent {}

当我运行代码时，我收到一条错误消息，说它找不到 localhost:300/src/nav/navMenu

但是如果我在最后添加一个 .js

 import {NavMenuComponent} from '../nav/navMenu.js';

它工作正常。我已经将 index.html 设置为..

<script>
    System.config({
        packages: {
            app: {
                format: 'register',
                defaultExtension: 'js'
            }
        }
    });
</script>

难道不应该这样我就不必再在导入时使用 .js 扩展名了吗？提前致谢。

Answer 1

解决方案正是上面@Langely 发布的。一旦我添加了必要的文件夹，它就可以工作了。最后，我把它都放在了一个可以处理所有事情的伞下。

app
-- controllers
    -- file.ts