我试图按照本指南引导我的Angular 2 RC5应用程序
https://angular.io/docs/ts/latest/guide/ngmodule.html
下面是我的代码
https://angular.io/docs/ts/latest/guide/ngmodule.html
下面是我的代码
import { AppModuleNgFactory } from './app.module.ngfactory'; import {platformBrowser} from "@angular/platform-browser"; platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
app\main.ts(1,36): error TS2307: Cannot find module
‘./app.module.ngfactory’.
JIT和AOT编译器都从同一个AppModule源代码生成一个AppModuleNgFactory类。
JIT编译器在运行中,在内存中,在浏览器中创建工厂类。 AOT编译器将工厂输出到我们在main.ts的静态版本中导入的物理文件
在一个高级别,@ angular / compiler-cli提供了一个包装Typescript的tsc编译器,并且AoT编译你的应用程序的代码,然后将你的应用程序的Typescript转换为Javascript:
$ ngc -p src
这将为每个组件和模块生成一个新文件(称为NgFactory)
要在AoT模式下运行应用程序,
所有需要的是更改您的main.ts文件
import {platformBrowserDynamic} from ‘@angular/platform-browser-dynamic’ import {MyAppModule} from ‘./app’ platformBrowserDynamic().bootstrapModule(MyAppModule);
至
import {platformBrowser} from ‘@angular/platform-browser’ import {MyAppModuleNgFactory} from ‘./app.ngfactory’ //generated code platformBrowser().bootstrapModuleFactory(MyAppModuleNgFactory);
编辑:
要使用ngc命令,首先安装these-
$ npm install @angular/compiler-cli typescript@next @angular/platform-server @angular/compiler
ngc是tsc的替代,你会发现它在./node_modules/.bin/ngc文件夹中。