Angular 2 module.id

Question

在tsconfig.json中，我将我的compilerOptions设置如下，以便将所有.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="/">

根据Doctrine ORM Service Provider文档。