Angular2 TypeScript捆绑

Question

我正按照此处的说明操作：A simple way to bundle an Angular 2 application并在此SO问题中：Including Concatenated Typescript JS outFile - Angular 2 + Typescript

我按如下方式设置我的tsconfig.json：

{
"compilerOptions": {
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "module": "system",
    //"outDir": "../wwwroot/",
    "outFile": "../wwwroot/dist/app.js",
    "noEmitOnError": false,
    "noImplicitAny": false,
    "removeComments": true,
    "sourceMap": true,
    "target": "es5",
    "moduleResolution": "node",
    "suppressImplicitAnyIndexErrors": true,
    "forceConsistentCasingInFileNames": false
},
"exclude": [
    "../node_modules",
    "../wwwroot"
]
}

这似乎没有问题编译，并按预期产生dist/app.js。在文件中，我可以看到以System.register("main", ...开头的行，因此应该注册模块main。

我的index.html有：

<script src="dist/app.js"></script>
System.import('main')
    .then(null, console.error.bind(console));

我可以看到浏览器正在加载app.js，但我得到的是404错误和ZoneJS（Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:5000/main.js）试图加载“main.js”的异常。

如果我不这样做

System.import('main')
    .then(null, console.error.bind(console));

然后没有错误，但应用程序无法启动。

任何想法从这里做什么？