Javascript Angular 2-类型脚本文件未解析为.js扩展名.NET MVC应用程序

背景

我正在将其中一个应用程序从Angularjs 1.x迁移到Angularjs 2。作为Angular 2的新手，我首先尝试掌握用于配置的不同文件

在跳转到我的应用程序之前，我在gitub上Angular quickstart的quickstart文件的帮助下创建了一个小的虚拟应用程序

我将这些文件移动到.NETMVC5.0Web应用程序中。当我使用npm CLI构建应用程序时

npm start 

它创建了一个index.htm，并成功运行。我的下一步是使用MVC视图而不是index.htm，这一次，我为localhost/创建了一个默认路由，指向带有视图index.cshtml的PublicController

问题陈述

在使用MVC视图（通过控制器路由）时，我看到的是编译main.ts文件时忽略了文件扩展名-*.js，例如

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

在my Main.ts中，编译时转换为（在Main.ts中）

我的页面运行时出现控制台错误，我看到404错误，原因是无法解析app.component

如果我在main.js文件中手动输入.js，一切都会很好。但这不是解决办法

var app_component_1 = require("./app.component.js");

问题

---

我应该更改哪个设置，以及应该将main.ts中的filename解析为filename.js的文件。最后，找到了解决方案。。问题是文件名中的点，这里也报告了这个问题

我在systemjs.config文件中添加了以下设置

---

这不是问题所在。这是特定于角度的。

var app_component_1 = require("./app.component.js");

packages: {

          '.': {
              defaultExtension: 'js'
          },