angular2 – Angular 2 – 提前编译如何

发布时间：2020-12-17 08:34:27 所属栏目：安全来源：网络整理

导读：我试图按照本指南引导我的Angular 2 RC5应用程序 https://angular.io/docs/ts/latest/guide/ngmodule.html 下面是我的代码 import { AppModuleNgFactory } from './app.module.ngfactory';import {platformBrowser} from "@angular/platform-browser";platfo

我试图按照本指南引导我的Angular 2 RC5应用程序
https://angular.io/docs/ts/latest/guide/ngmodule.html
下面是我的代码

import { AppModuleNgFactory } from './app.module.ngfactory';
import {platformBrowser} from "@angular/platform-browser";

platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

但是，当我试图编译typescript代码，我得到以下错误

appmain.ts(1,36): error TS2307: Cannot find module
‘./app.module.ngfactory’.

如何生成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文件夹中。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!