javascript - Angular 2 模块.id

Question

在 tsconfig.json 中，我设置了如下的编译器选项，以便将所有 .map 和 .js 文件放入输出文件夹中。

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "outDir": "./app/output"
  }
}

在 system.config.js 中，我按如下方式配置了包以加载 main.js。

packages: {
      app: {
        main: './output/main.js',
        defaultExtension: 'js'
      },
      rxjs: {
        defaultExtension: 'js'
      },
      'angular-in-memory-web-api': {
        main: './index.js',
        defaultExtension: 'js'
      }
    }

这是我的 app.component.ts

import { Component } from '@angular/core';

@Component({
  moduleId:module.id,
  selector: 'my-app',
  templateUrl: 'app.html'
})
export class AppComponent { }

问题是当我加载项目时，为什么 module.id 会得到像 localhost:3000/app/output/app.html 这样的路径，而不是 localhost:3000/app/app.html 。它导致我加载 html 时出错。 module.id 应该获取相对于index.html 的根路径，对吗？

下图显示了我的项目的树结构

Answer 1

在你的index.html文件中添加

<base href="/">

根据Angular2 router文档。