Angular 2 不呈现带有文件扩展名的依赖链接

Question

我在运行我的应用时遇到以下错误：

它似乎在寻找./app.component，而不是./app.component.js

这是我的main.ts 文件：

import { bootstrap }    from 'angular2/platform/browser';
import { AppComponent } from './app.component';

bootstrap(AppComponent);

我在此处配置依赖项做错了什么？注意：如果我将引用更改为import { AppComponent } from './app.component.js';，那么错误就会消失，并且对于其他引用，我将面临更多相同的错误。

编辑：

其中一位 cmets 建议我的 system.config() 可能存在问题，我认为这听起来很合理，但是，这是我的 index.html 文件的摘录，我看不到任何文件有问题吗？

...    
<script>
  System.config({
    packages: {        
      app: {
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });
  System.import('client/dev/main.js')
        .then(null, console.error.bind(console));
</script>
...

Answer 1

你的错误可能是你有：

<script>
  System.config({
    packages: {        
      app: {
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });
  System.import('client/dev/main.js')
        .then(null, console.error.bind(console));
</script>

而不是

<script>
  System.config({
    packages: {       
      "client/dev": { // this line changed, here the directory where your generated `js` files are, has to be specified 
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });
  System.import('client/dev/main')
        .then(null, console.error.bind(console));
</script>

我刚开始时遇到的问题和你一模一样;)

如果您使用最新的 angular beta 版本 (12)，zone 错误应该会消失。