问题标签 [angular-compiler-cli]

问问题

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.

68 问题
Newest
Active
Bountied
318
Unanswered
0 投票
0 回答
655 浏览

angular - 使用 AoT 编译时未定义 ReferenceError X (ViewChild)

当我在没有AoT的情况下编译时一切都很好，但是当我使用AoT编译时出现此错误

ReferenceError: nameColumnHeader 未定义

我声明了我的ViewChild内部.ts文件和内部.html文件我设置了这样的局部变量使用 AoT 编译时<div #nameColumnHeader></div> 是否有预期的写入方式？ViewChild

0 投票
1 回答
1019 浏览

angular - AOT 编译器编译 ngfactory 文件

我是 AOT 编译器的新手。

我使用此选项将所有文件编译到“已编译”目录：

但是当我运行“ngc”时，它也会尝试编译新创建的 .ngfactory 文件并在它们上抛出输入错误。

我试图删除“已编译”目录并重新编译代码，但它又发生了。

我还尝试在 tsconfig-aot.json 文件中添加“排除”键（就像我在 typescript 编译器中一样）并添加“已编译”目录，但这没有帮助。

有任何想法吗？

==== 编辑 ====

更多信息可能会有所帮助，我尝试将“genDir”设置为应用程序目录之外的目录，然后我收到一条错误消息，提示编译器找不到模块“app.module.ngfactory”。

据我了解，这意味着它尝试编译“.ngfactory”文件，因为我将 main.ts 从：

到：

这可能会导致编译器编译 app.module.ngfactory 并从那里移动到“app.module.ngfactory”中的其他导入并尝试编译所有“.ngfactory”文件。

是否有意义？我完全按照谷歌显示的那样更改了“main.ts”文件：https ://angular.io/docs/ts/latest/cookbook/aot-compiler.html

0 投票
1 回答
272 浏览

angular - Angular 2 AoT 编译会导致应用程序问题并且在 JiT 中运行良好

我遵循了来自以下位置的 Angular 2 示例：
https ://angular.io/docs/ts/latest/cookbook/aot-compiler.html

使用 ngc AoT 编译应用程序后，路由不起作用，它只是停留在同一页面上，没有任何反应。

由于应用程序确实加载了，所以当使用 tsc 进行 JiT 编译而使用 ngc 编译时 AoT 编译失败时，甚至想不到可能有问题的地方都太奇怪了。

我不认为在这里粘贴代码会有所帮助，但我想知道您是否知道当应用程序处于 AoT 模式时我可以使用的任何工具或调试功能。

0 投票
2 回答
1064 浏览

angular - Angular AOT 编译失败（带有 angular/compiler-cli 的东西）

完成文档页面上的 AOT 教程后，我正在尝试编译 angular 2 AOT 并收到以下错误

我被困在这一点上。angular/compiler-cli 抛出此错误的任何原因？

0 投票
2 回答
815 浏览

angular - Angular2 AOT 用于动态 HTML

我在使用Angular2-Component-Outlet的 Angular2 应用程序中有动态 HTML ，它可以工作。但是现在当我尝试创建 AOT 时，我仍然需要为 Angular2-Component-Outlet 加载 RuntimeCompiler。

有没有办法也可以 AOT 编译动态 HTML 并使用延迟加载加载模块。

一个旧的Plunker显示使用 Angular2-Component-Outlet 来放置动态内容。这类似于 AngularJS ng-include 指令。

0 投票
0 回答
161 浏览

angular - ng-xi18n 在 templateUrl 中使用完整路径引发异常

我有使用完整路径的组件templateUrl

我知道我可以使用moduleId: module.id，但我想保留 html 文件的完整路径以用于我的部署目的。当我运行 ng-xi18n 时，出现错误：

有没有办法在不使用的情况下解决这个问题moduleId: module.id？谢谢

0 投票
1 回答
494 浏览

angular - TypeError：Angular2 AoT 编译错误：createAotCompiler 不是函数

我正在尝试遵循angular.io站点上的 AOT 编译指南，但是当我执行下面显示的命令时，“node_modules/.bin/ngc”-p tsconfig-aot.json

我得到错误

我的角度依赖项与编译器版本匹配 (^2.1.2)

0 投票
0 回答
353 浏览

json - 如何使用@type angular compiler cli 手动将 TypeScript 转换为 JavaScript

我想ngc手动运行（角度编译器-CLI）以将 TypeScript 转换为 JavaScript 代码。

包.json

添加typescript, @type,angular依赖项

tsconfig.json

关于要在 javascript 上转换的 typescript 的配置

错误 ：

0 投票
1 回答
274 浏览

angular - 安装 @angular/compiler-cli, @angular/tsc-wrapped 会破坏 karma-jasmine 测试

运行 karma-jasmine 测试会引发错误（如果@angular/compiler-cli已安装）。如果我不安装@angular/compiler-cli测试工作正常，但我需要编译器-cli，因为我需要使用 ng-xi18n。如果我删除@angular/tsc-wrapped，我可以运行测试，但不能运行 ng-xi18n。

包.json：

http://plnkr.co/edit/x3tZ1Vm8WNt0WYGv2Dt7?p=preview

0 投票
1 回答
4158 浏览

javascript - Angular 2 没有 CompilerFactory 的提供者

我在提前编译的应用程序中收到此错误：

使用 NGC 构建应用程序以生成 .ngfactory 文件，然后使用不同main文件的 TSC 获取 JS，然后使用 Babel 汇总以完成构建。非常密切地遵循本指南。

这是我的main.prod.ts：


12345678910