Angular 2 dev环境错误的js文件名

时间:2016-04-10 14:22:08

标签: typescript angular

基本上我的角度2开发设置在某种程度上是错误的,我无论如何做出正面或反面。这就是:

  1. 我跑npm start
  2. 该脚本运行并编写打字稿文件中的.js文件
  3. 浏览器已打开
  4. 没有显示任何内容
  5. 在日志中,我看到以下内容:

    > 404 GET /app/app.component.ts.js
    

    虽然typescript编译器编译 app.component.js 等文件(注意缺少的.ts)

    那是怎么回事?造成这种情况的原因以及如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

我认为你没有以正确的方式导入模块。您应该使用以下内容:

import { AppComponent } from './app.component';

我猜你这样做了:

import { AppComponent } from './app.component.ts';

如果您使用以下配置,SystemJS将自动将js扩展名附加到模块名称:

<script>
  System.config({
    packages: {      
      app: {
        format: 'register',
        defaultExtension: 'js' // <-------------
      }
    },
  });
  System.import('app/boot') // <------- No extension here as well
        .then(null, console.error.bind(console));
</script>