问题标签 [angular-aot]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1488 浏览

angular - 使用 --aot 标志运行时,无法在 Angular 模块中加载动态参数 forRoot 导入

我试图让我的代码在 --aot 标志期间编译,但是在我尝试将环境配置加载到我在 app.module.ts 文件中导入的日志服务中时它失败了。我的代码看起来像这样,在“ng serve”下运行良好

这是我想要动态传递给我的单例日志服务的结构。

logging.module.ts:

发生错误的 app.module.ts

这是我在运行 --aot 时遇到的错误

我试图在没有 lambda 表达式的情况下更改 appConfig,而只是一个明确的导出函数,但它也不起作用。

如何从 app.module 将动态数据加载到我的单例服务中?

0 投票
0 回答
235 浏览

angular - 装饰器不支持函数表达式或如何制作导出函数

aotAngular 6 项目在打开时无法在 prod 中编译。

我知道我应该将函数表达式转换为导出的函数,但是由于发生了什么,我无法正确完成它。我四处寻找有类似问题的人,但没有得到他们的帮助。我认为我的例子更激烈一些。

问题文件

问题文件的调用者

我无法用我的小脑袋思考实际发生的事情以及如何适当地对其进行逆向工程。

如果您需要更多代码或信息,请告诉我。

这是完整的错误。

0 投票
0 回答
33 浏览

webpack - @ngtools/webpack 不与 angular6 捆绑,但与 angular5 一起工作正常

我的 Angular 应用程序早先在 Angular5 上,它与 webpack 和 @ngtools/webpack 配合得很好,可以构建 AOT。但是在迁移到 Angular6 之后,构建没有发生,即 dist 目录中没有构建文件。webpack构建时也没有错误。

0 投票
0 回答
74 浏览

angular - 角度模块中的条件提供程序引发 AOT 错误

仅当浏览器是 IE 时,我才想将提供程序推送到我的提供程序列表中。

我试过了

上面的代码抛出 AOT 错误,说装饰器中不允许使用符号。我也试过如下

在上述情况下,提供者永远不会被推送或永远不会被激活。我该如何解决这个问题?

0 投票
1 回答
347 浏览

singleton - 如何使用 aot 在 Angular 5 中的组件内部提供服务?

我遇到了错误

question-images.service.ts(5,2):“QuestionImagesService”模板编译期间出错 装饰器中只能引用已初始化的变量和常量,因为“Injectable”“Injectable”中的模板编译器需要此变量的值引用 'Injectable' 'Injectable' 引用 'Injectable' 'Injectable' 未在 ..\@angular\core\src\di\metadata.ts(138,22) 初始化

这是组件

这是服务

执行期间抛出了错误ng serve --aot。我试过谷歌并使用服务工厂,但没有成功。我想以这种方式提供服务,因为我希望每个组件都有一个实例。您知道如何实现这一目标吗?

0 投票
1 回答
433 浏览

angular - 带有 AOT 的 Angular 打字稿地图

(testMap: Map<string, Array<string>> = new Map<string, Array<string>>();)在我的角度应用程序中使用打字稿地图,如果我使用“ng serve”运行它,一切正常。但如果使用 'ng serve --aot' 运行它,地图将无法正常工作。我没有得到任何异常,但是当我调试代码时地图为空。我想知道这是否是一个已知问题以及是否有解决方法。感谢您的帮助。

//我的图书馆

//用户应用

0 投票
0 回答
516 浏览

angular - Angular 6 - 库上的 AOT 编译,用作主应用程序中的延迟加载插件

我正在开发一个在 Angular 6 中完成的基于插件的应用程序。我有 2 个项目,一个主项目和一个我开发插件的 lib 项目。插件使用 ng build --prod 构建到 UMD 中,然后使用 SystemJs 加载到主应用程序中,在主应用程序中使用 Compiler 类在运行时进行编译(构建的插件部署在另一台服务器上)。主应用程序在构建时不包含对 lib 项目的引用。

只要我在开发模式下运行主应用程序,它就可以正常工作。当我在 prod 中尝试它时,由于 JIT 编译器在 prod 构建中被删除,它崩溃并显示“错误:未加载运行时编译器”。

我的问题是:是否可以提前构建一个 Angular 6 Cli Lib 项目(或者不一定是一个 cli lib 项目),使用 SystemJs 加载它,然后只使用组件工厂来创建动态组件?我怎么能做那个构建?

我无法将 lib 与主应用程序一起构建,因为最终目标是让其他开发人员为应用程序创建插件,并且并非所有组件都将在运行时使用。

如果没有 AOT,我无法保留主应用程序,因为它会变得非常大,并且性能会受到很大影响。

我也知道 Angular Elements,但我也希望能够创建 AOT lib 插件。

0 投票
1 回答
1355 浏览

angular - 用于动画的 Angular CSS3 关键帧

在 Angular 项目中,我们使用以下 CSS 属性(在 scss 样式表中)为元素设置动画:

问题:虽然这些动画在开发服务器 ( ng serve) 中运行良好,但在构建项目的生产版本时却无法运行。查看页面的源代码,keyFrame 不再存在(css 属性在那里)。

经过一段时间的挖掘和尝试,事实证明,禁用aotbuildOptimizer(默认为 true)将创建一个动画工作的 prod 构建。

我现在的问题是:这是正常的和有意的吗?如果是这样,我如何使用本机 CSS 动画,而不需要将它们转换为角度动画(这可能是我已经在其他线程中找到的选项,但是,如果可能的话,我更愿意使用 CSS 动画)。

0 投票
0 回答
100 浏览

angular - 当组件数量很大时,需要 45 分钟的时间来制作 --prod --aot 构建 angular2 项目,如何解决这个问题?

我们已经使用 Angular ~2.4.0 和 webpack ^1.10.2 实现了 ANGULAR 应用程序。

它是通过第一阶段和第二阶段的开发来实施的。

完成第一阶段开发后,生成 aot build 仅需 10 分钟。

但是问题是在将阶段 2 开发代码与初始阶段合并后开始的,现在 aot 构建需要 45 分钟才能生成构建。

我的问题是有什么技术可以减少 aot 构建生成时间?

提前致谢。

屏幕出现45分钟

命令行闪烁 45 分钟,没有任何指示。

0 投票
2 回答
861 浏览

angular - 在 Angular 6 中哪里可以找到 AOT 标志?

1) 在 Angular.io 网站文档中,我可以在 Angular 6 中找到默认情况下已启用 AOT?

2)我有基于 cli 的 Angular 6 应用程序。我可以在哪个文件中找到这个标志,以便我可以启用或禁用它?