Angular 2 module.id

Question

В tsconfig.json Я установил my 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 получит путь как локальный хост: 3000/приложение/выход/app.html вместо localhost: 3000/app/app.html. Это вызывает ошибку при загрузке html. Модуль.id должен правильно получить корневой путь относительно index.html?

Изображение ниже показывает древовидную структуру моего проекта

Answer 1

В файле index.html добавить

<base href="/"> 

согласно документации Angular2 router.