Question

tsconfig.json

{  
"compilerOptions": {
"target": "es5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"lib": [ "dom", "es6" ],
"noImplicitAny": true,
"suppressImplicitAnyIndexErrors": true,
"outFile": "tsbundle.js"
},
"compileOnSave": true
}

我手动将tsbundle.js包含在我的html页面中。

我有一个名为NavigationModule的角度模块，它是@NgModule，它的main.ts看起来像这样：

main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { NavigationModule } from './navigation.module';
import { enableProdMode } from '@angular/core';

enableProdMode();
platformBrowserDynamic().bootstrapModule(NavigationModule);

我的问题是：如何配置systemjs.config.js

当前设置（不工作）

systemjs.config.js

packages: {
        rxjs: {
            defaultExtension: 'js'
        },
        Navigation: {
            format: 'register',
            defaultExtension: 'js',
            main: '/tsbundle.js'
        }
    }

我导入模块如下：

的index.html

System.import('Navigation/main').catch(function (err) { console.error(err); });

它仍然在寻找不是来自tsbundle.js的模块，而是来自 /en/Navigation/main.js（哪些不存在且失败）

如何告诉它，导航模块的所有内容都在tsbundle.js中，并且它应该只下载该文件。

打字稿outFile，Angular2和Visual Studio 2015

0 个答案: