问题标签 [angular-compiler]

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 投票
0 回答
125 浏览

angular - 在角度编译器之前编辑打字稿

我想在角度编译器之前剥离一个 ts 代码。这是编译前的样子:

要剥离 ts 代码,我在 custom-webpack 配置中使用webpack-remove-block-loader加载器

为了使 custom-webpack 正常工作,我在angular.json中使用带有此配置的@angular-builders/custom- webpack

问题是它不起作用。如果我从用于剥离 ts 代码的加载程序的 custom-webpack 配置中删除enforce: 'pre'标志 - 它会从已编译的 ts 文件中删除代码块,这是错误的,否则使用enforce: 'pre'它应该在角度编译器之前工作,但事实并非如此,代码仍然对两种类型的构建(产品/开发)都有注释。

是的,我知道可以使用environment.ts文件中的选项,但它不够灵活。谢谢!

0 投票
1 回答
5189 浏览

angular - 'ngcc' 未被识别为内部或外部命令

运行命令npm run ngcc会引发错误'ngcc' is not recognized as an internal or external command

package.json

anuglar-compiler 和其他包的版本是否有任何不匹配?无法找到问题的根本原因。有人可以帮忙吗?

0 投票
0 回答
73 浏览

angular - 如何在 Angular 模块中导出 @ptkdev/webcomponent-instagram-widget?

我只是想在 Angular 模块中导出“@ptkdev/webcomponent-instagram-widget”,但我不知道如何。我已经尝试了一切。

你有想法吗?

该组件正在工作,但是当我编译项目时它显示错误,因为我正在使用另一个社交组件。

这是我的模块:

提前致谢

0 投票
1 回答
5804 浏览

javascript - ERROR 错误:Angular JIT 编译失败:'@angular/compiler' 未加载

我在使用 VSCode 的开发环境中运行我的应用程序时突然遇到的错误,

也有一个错误说

由于 ngcc 操作失败,Angular 扩展可能无法正常工作。尝试通过运行“npm/yarn run ngcc”手动调用 ngcc。请参阅扩展输出以获取更多信息。

Package.json 包含以下内容

及其config.json

搜索了许多论坛以解决此问题。但没有什么对我有帮助。

请帮忙

0 投票
4 回答
32187 浏览

angular-cli - 无法解决依赖关系:npm ERR!同行@angular/compiler@"11.2.8"

我正在尝试让我的应用程序部署在 Heroku 上。我收到“sh: 1: ng: not found”错误,但根据此处的响应,我移动了我的 @angular/cli、@angular-devkit/build-angular、@angular/compiler-cli 和 typescript。现在我收到“无法解决依赖关系:npm ERR!peer @angular/compiler@"11.2.8"”错误。我认为它有版本问题?我不确定发生了什么。

我试过运行'npm update'并尝试手动将'@angular/compiler@"11.2.8"'插入依赖项,然后运行'npm i',但都给了我同样的错误。

这是我的错误:

包.json:

如何解决这个错误?

0 投票
0 回答
24 浏览

angular - 重新编译后未定义角度模板变量

我使用模板变量来访问来自父 svg 组件的数据。首先它工作得很好,但是在使用默认ng serve重新编译后,模板变量是未定义的。所以我必须重新启动ng serve它工作正常,直到我重建我的应用程序。我不知道是什么变化导致了这个问题,因为它以前没有任何问题。

父组件模板

角.json

0 投票
1 回答
111 浏览

angular - 我有角度组件的问题

你好,我是 Angular 的新手,在这个框架中学习了一门课程,我遇到了一个错误问题,我不明白如何解决它。从'@angular/core'导入{组件};

code: @Component{{ selector: 'contador-app', }} //se le pone export para poder utilzar esta clase fuera de este archivo :3

错误消息:( 别名) const Component: ComponentDecorator import Component 为 Angular 组件提供配置元数据。组件装饰器和元数据。

@publicApi

@注解

@publicApi

声明预期.ts(1146)

0 投票
1 回答
56 浏览

angular - 无法绑定到“属性”&&“应用程序组件”不是已知元素

我有一个大问题。整个事情就是这样开始的:修复损坏的 HTML 文件或反编译 Angular 组件

我的电脑突然崩溃了,从那次事件开始,它每秒都变得更糟。我收到奇怪的错误,例如“'app- component' 不是已知元素”或“找不到名称为 'async' 的管道”甚至“无法绑定到 ' attribute',因为它不是 'app- 的已知属性” component”。我得到了很多组件。

我做了什么:
我立即删除了我在另一个线程中谈到的损坏文件,并开始查看每一段代码。每一个错误。但这对我来说似乎一切都很好。即使对于 Visual Studio Code 也很好,因为它没有向我触发任何错误/问题,如您在此处看到的: VSC 终端屏幕截图

我真的不知道我该怎么办。

在这里您可以找到存储库:
https ://github.com/plungarini/alpha-project

0 投票
0 回答
35 浏览

ngx-translate - Renderer3 的 parseTemplate 函数不会从模板返回翻译表达式

伙计们!我使用@biesbjerg/ngx-translate-extract,提取字符串以翻译为locale.json。该库使用 renderer3 的 parseTemplate 函数来获取所有带有翻译管道的表达式。如果我使用普通插值标记 ({{ SOME_STRING | translate }}) 一切都很好 - parseTemplate 返回表达式在此处输入图像描述

但是如果我在属性值定义中使用翻译管道 在此处输入图像描述

parseTemplate 函数不返回表达式。

我对角度源代码做了一些研究,发现解析器使用了 InterpolationConfig,定义了翻译管道表达式的开始和结束标记(“{{”,“}}”),所以我猜它不能解析没有它们的表达式。同时 Angular 正确地翻译了两个字符串。

有没有办法在没有 {{ }} 的情况下从属性值定义中获取翻译表达式?

谢谢!

这是一个组件模板:

0 投票
1 回答
36 浏览

angular - 更改来自库的组件的选择器

语境

我正在开发一个用户界面库 - 它本身正在使用另一个提供自己的组件的 Angular 库(为了示例,我们假设它是 Angular 材质库。提供的一些组件非常适合,我我想简单地将它们“交给”我图书馆的消费者。

问题

但是,为了保持一致性,我想有一个注释前缀:mat-button我想使用选择器而不是foo-button

有没有办法实现这种行为?要“重命名”组件的选择器?

我想在不将使用的组件包装到另一个组件中的情况下实现这一点,因为这将迫使我编写(和维护)我自己的方法来模仿包装组件的 API 并委托给包装组件。