Angular CLI - 在ng build期间出现AOT错误

我使用Angular CLI创建了一个应用程序，它在JIT编译中工作正常。我觉得我需要更快地创建应用程序，所以我计划将应用程序从JIT转换为AOT。Angular CLI - 在ng build期间出现AOT错误

我跟着正在由angular.io

本文档中提到的指令。

我成功地转换了一些步骤，这些步骤可以帮助我们将所有文件转换为ngFactory，完成了没有错误的汇总过程。

我得到错误，当我执行ng build --aot

的错误消息是如下

Tried to find bootstrap code, but could not. Specify either statically analyzable bootstrap code or pass in an entryModule to the plugins options. Error: Tried to find bootstrap code, but could not. Specify either statically analyzable bootstrap code or pass in an entryModule to the plugins options. at Object.resolveEntryModuleFromMain (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/@ngtools/webpack/src/entry_resolver.js:128:11) at AotPlugin._setupOptions (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/@ngtools/webpack/src/plugin.js:143:50) at new AotPlugin (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/@ngtools/webpack/src/plugin.js:26:14) at _createAotPlugin (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/@angular/cli/models/webpack-configs/typescript.js:55:12) at Object.exports.getAotConfig (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/@angular/cli/models/webpack-configs/typescript.js:88:19) at NgCliWebpackConfig.buildConfig (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/@angular/cli/models/webpack-config.js:26:37) at Class.run (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/@angular/cli/tasks/build.js:27:92) at Class.run (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/@angular/cli/commands/build.js:149:26) at Class.Command.validateAndRun (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/@angular/cli/ember-cli/lib/models/command.js:128:15) at /Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/@angular/cli/ember-cli/lib/cli/cli.js:92:22 at tryCatch (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/rsvp/dist/rsvp.js:539:12) at invokeCallback (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/rsvp/dist/rsvp.js:554:13) at /Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/rsvp/dist/rsvp.js:629:16 at flush (/Users/wakdev/WebstormProjects/wak_ang2_angcli/node_modules/rsvp/dist/rsvp.js:2414:5) at _combinedTickCallback (internal/process/next_tick.js:67:7) at process._tickCallback (internal/process/next_tick.js:98:9)

这里是我的main.ts

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

console.log('Running AOT compiled'); 
//platformServer().bootstrapModuleFactory(AppModuleNgFactory); 
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

我tsconfig-aot.json

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "es2015", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "lib": ["es2015", "dom"], 
    "noImplicitAny": false, 
    "suppressImplicitAnyIndexErrors": true, 
    "typeRoots": [ 
     "./node_modules/@types/" 
    ] 
    }, 

    "files": [ 
    "src/app/app.module.ts", 
    "src/main.ts", 
    ], 

    "angularCompilerOptions": { 
    "genDir": "aot", 
    "skipMetadataEmit" : true 
    } 
}

有没有人有同样的问题

来源

2017-06-20 skid

如果您使用的是angular-cli，请按照它自己的文档。您的文件夹结构不正确。你的main.ts应该导入与它在同一个文件夹中的模块。 – echonax

这些说明是为不使用Angular CLI的项目手动实现AOT。 –

正如在评论中提到的，如果你使用的cli，然后运行ng build --prod应该做你的建筑，aot和树颤抖。如果你想要做更多的手动路由，因为你正在做的比你需要到另一行添加到您的angularCompileOptions让它们看起来像这样：

"angularCompilerOptions": { 
    "genDir": "aot", 
    "entryModule": "app/app.module#AppModule", 
    "skipMetadataEmit" : true 
    }

因为你不显示您的实际模块，您可能需要更新路径和模块名称，但该属性很可能是您缺少的。

来源

2017-06-20 18:19:36 peinearydevelopment

NG建立--prod命令工作正常，没有任何问题，但是当我尝试使用手动配置 “angularCompilerOptions”：{ “genDir”： “AOT”， “entryModule”：“应用程序/ app.module＃ AppModule“， ”skipMetadataEmit“：true } 这一个不起作用 – skid

这真的取决于你的项目。我发布的路径可能是关闭的或命名。看看你发布的其他文件，也许它需要是'“src/app/app.module＃AppModule”'。 – peinearydevelopment

Angular CLI - 在ng build期间出现AOT错误

回答

相关问题