问题标签 [angular-aot]

在 Angular 5 发布之前，我可以按照官方文档https://angular.io/guide/aot-compiler来配置 AOT

我了解官方文档将重点转移到了 CLI。在不使用 CLI 的情况下，是否有关于 Angular 5 AOT 的结构化指南？

（我看过这个链接https://github.com/angular/angular/issues/19339#issuecomment-332607471）

我遇到了几个问题，让 AoT 使用 Webpack 在 Angular 5 中工作。Webpack AoT 构建完成且没有错误。

1) 使用@ngtools/webpack AngularCompilerPlugin 时不会发生由于延迟加载模块导致的代码拆分。当使用标准的 Angular/TS 非 AoT 加载器（请参阅下面的 webpack 配置中的注释规则）时，我正确地为每个惰性路由生成了单独的包。但是，使用 AngularCompilerPlugin，不会生成与延迟加载的模块相对应的包。请参阅下面的相关文件内容。我错过了什么？？

软件包版本：

网络包配置：

tsconfig.json

app.routes.module.ts

2) 我的另一个问题是，在尝试运行生成的 AoT 构建时，我收到以下运行时错误：

错误本身（及其引用的代码）似乎是一个红鲱鱼，但该错误会阻止应用程序加载。

我完全被困在这一点上。请帮忙！:)

我有一个带有 webpack 的 Angular 4.1.2 项目，我正在尝试设置 AoT 构建。

当我尝试发布时，第一个构建运行良好，但 AoT 构建永远不会结束。

它已经构建了几分钟并且没有完成。

我正在尝试使用 AoT，因为应用程序的第一次加载有时需要大约 30/40 秒。

知道发生了什么吗？

tsconfig.json

这是我的 webpack.config.js

这是我在开发环境中的工作路由器。

但是，它在 AoT 构建后中断，并在尝试访问 Web 应用程序时提供此输出。

未捕获的错误：路由“用户”的配置无效。必须提供以下之一：component、redirectTo、children 或 loadChildren

我试过像这样在孩子中定义路线：（这也适用于开发环境）。

为什么错误消息甚至没有意义？

编辑：相关的 github 讨论：链接

我想在一个单独的库中有一个 angular5 功能模块。

我创建了一个项目并将模块声明放入：

用 编译后tsc，结果是用 编译主项目ng build --prod给出：

我想动态创建一个 URL 树并在 Angular 的路由器中使用它而不是“魔术”字符串。我有这些课程：

所以我可以使用导航到个人资料

并在路由器模块中注册为

但是用AOT编译的时候会报错。

我怎样才能让它工作？或者也许有人知道一个更好的解决方案来避免项目中的“神奇” URL 和段？

我正在尝试在我的 angular/webpack 应用程序上实现 ngc 编译配置。我的根文件夹中有一个 tsConfig-aot.json，如下所示。

我的 webpack 配置如下。

我正在尝试为我的应用程序实现 aot 构建配置。但是，当我运行./node_modules/.bin/ngc -p ./tsconfig-aot.json. 我的应用程序编译失败并显示错误消息

TypeScript 编译中缺少 src/main-aot

我的 main.aot 是这样写的

当我tsconfig-aot通过在文件对象中添加 main-aot 来更新我的时，错误更改为"aot/src/app/app.module.ngfactory" has no exported member 'AppModuleNgFactory'. 我推测后者是因为尚未生成 aot 文件夹。请问我该如何正确配置这个？任何帮助，将不胜感激。

我正在使用 Angular 5 CLI 构建应用程序。当我使用开发环境构建应用程序时，它工作正常。但是，如果我使用 --prod 和 --aot 标志构建相同的代码，应用程序会完美加载，但我会遇到一些运行时异常，这会导致应用程序崩溃。我无法诊断问题，因为所有 JavaScript 文件都被缩小了，而且我对 JavaScript 和 jQuery 了解不多。有人可以帮我吗？

在控制台中看到异常之后。

我在没有参数的方法中捕获输出事件，它工作正常。但是当我尝试构建 AOT --prod 时出现以下错误。

预期 0 个参数，但得到 1 个

我们正在开发一个使用 Firebase 作为其后端的 Ionic 混合应用程序。为此，我们使用 npm 包angularfire2。

我们有两个数据库，一个用于开发，另一个用于生产，因此我们希望根据应用程序的状态交换它们。

为此，我们创建了一个布尔静态常量 ( IS_PRODUCTION_ENVIRONMENT)，根据它的值，它会发生变化FIREBASE_CONFIG，它是包含数据库配置数据的变量。

这是我们app.config.ts文件中的重要数据：

...

这是调用app.module.ts：

知道了这一点，我们的问题是，当我们启动带有--prod --release标志的应用程序时，如果我们想构建它或者只是在某些设备上测试它；例如，使用 时ionic cordova run browser --prod --release，Firebase 始终使用生产配置 ( FIREBASE_CONFIG_PRODUCTION) 进行配置，就好像IS_PRODUCTION_ENVIRONMENT设置为一样true，但事实并非如此。

在不同的文件中插入console.logs，我们意识到，在生产模式下构建应用程序后，IS_PRODUCTION_ENVIRONMENT并FIREBASE_CONFIG显示正确的值。但是，Firebase 生产数据库仍然像IS_PRODUCTION_ENVIRONMENTwas一样配置true，尽管不是。

第一个配置错误的可跟踪日志来自 file firebase.app.module.js，来自angularfire2包的文件，其方法config中的变量initializeApp()接收的值FIREBASE_CONFIG_PRODUCTION（好像IS_PRODUCTION_ENVIRONMENT设置为true），即使FIREBASE_CONFIG指向FIREBASE_CONFIG_DEVELOPMENT.

如果我们FIREBASE_CONFIG直接指向生产或开发（没有三元条件运算符），则不会重现该问题，因此我们认为，出于某种原因，在类 100% 构建initializeApp()之前使用，并且一如既往地考虑。AppConfigIS_PRODUCTION_ENVIRONMENTtrue

此外，如果我们使用ionic serveor启动应用程序进行测试ionic run，该应用程序将正常运行，并使用所选配置启动 Firebase 数据库。--prod --release因此，该问题仅在使用标志构建时发生。

有谁知道解决这个问题的方法，或者另一种编码方法？

谢谢！