问题标签 [ng-build]

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 回答
872 浏览

css - 材质图标不会在 Angular 生产版本中呈现

::before在/::after内容中时,材质图标在生产中未正确呈现。该font属性在生产构建时消失。

我已经导入了材料图标https://fonts.googleapis.com/icon?family=Material+Icons

app.component.html

app.component.css

运行时ng buildng serve它呈现正确的图标箭头图标,但与生产构建它简单地呈现文本arrow_drop_down

我试过了

  1. 导入材质图标并添加angular.json
  2. 运行生产构建extractCss: false

到目前为止没有任何效果。有任何想法吗?

0 投票
1 回答
964 浏览

angular - Angular AOT 编译失败,因为“无法为属性构造查询..”

我正在尝试使用与 JIT 编译完美配合但在使用 AOT 时引发错误的自定义组件动态填充表。

我也尝试在 ViewChildren() 装饰器上使用 forwardRef ,但它似乎没有任何效果。我的猜测是用于选择某些 DOM 元素的服务在那个时间点不可用。

有什么线索或建议吗?

错误:

代码:

模板:

0 投票
2 回答
8214 浏览

node.js - 处理内存不足后返回的 Angular API 致命错误处理程序

我正在将 Angular 7 应用程序部署到Azure,出现错误

进程内存不足后返回 API 致命错误处理程序

ng build --prod即使在本地系统中运行时也会出现运行时ng build --prod除了一些警告之外没有发现错误

WARNING in Invalid background value at 9045:14. Ignoring. WARNING in Invalid background value at 9064:14. Ignoring. WARNING in Invalid background value at 9067:14. Ignoring. WARNING in Invalid background value at 9070:14. Ignoring. WARNING in Invalid background value at 9073:14. Ignoring. WARNING in Invalid background value at 11642:14. Ignoring.

这是日志 活动日志

这是package.json

包.json

提前致谢!

0 投票
1 回答
112 浏览

angular - ng build --prod 动态变量丢失

我有一个使用ngx-socket-io的 ngModule ,我删除了不必要的导入和注入 :) 正如你所看到的,我已经评论了一些代码,这些代码仅在应用程序的开发构建中像魅力一样起作用,只要我使用 - -prod 这些变量将不再起作用,如果记录到控制台,则该值与静态声明相同,但 SocketIoModule.forRoot(socketConfig) 如果使用 --prod 标志构建则不会看到它们

但是在注释变量并引入相同的副本但在静态声明中之后,应用程序再次开始工作!正如你所看到的,我什至序列化和反序列化以模拟静态声明,但又没有!

主要问题是我需要连接时的用户 ID,并且该变量不能是静态的

0 投票
1 回答
288 浏览

typescript - node_modules/angular2-qrscanner/angular2-qrscanner.d.ts,找到版本 4,预期 3,解析符号

我们收到阻碍我们部署的元数据错误。因为它不允许 ng 构建。下面是配置;其次是完整的错误跟踪。

webpack:编译失败。

设置:angular2-qrscanner 版本:1.0.7 Angular CLI:1.5.0 节点:8.10.0 操作系统:win32 x64 Angular:4.3.2 ... common、compiler、compiler-cli、core、forms、http ...平台-浏览器,平台浏览器动态,路由器@angular/animations:4.4.0-RC.0 @angular/cdk:2.0.0-beta.10 @angular/cli:1.5.0 @angular/flex-layout:2.0 .0-beta.8 @angular/material: 2.0.0-beta.10 @angular-devkit/build-optimizer: 0.0.33 @angular-devkit/core: 0.0.20 @angular-devkit/schematics: 0.0.35 @ngtools/json-schema: 1.1.0 @ngtools/webpack: 1.8.0 @schemics/angular: 0.1.3 typescript: 2.6.1 webpack: 3.8.1

0 投票
5 回答
20775 浏览

angular - 缩短 Angular 7 应用程序的生产构建时间

我的应用程序需要很长时间才能使用ng build --prod

有时它甚至会失败

致命错误:接近堆限制的无效标记压缩分配失败 - JavaScript 堆内存不足

我可以做些什么来减少构建时间吗?

0 投票
0 回答
32 浏览

css - ng build --aot 错误解释 :host 伪类选择器

我在我的 .less css 文件中使用伪类选择器来更改选择产品时的背景颜色。

它适用于 ng build JIT,但不适用于 AOT。当我检查 chrome 中的元素时,JIT 构建:

对于 AOT 构建:

AOT 错误地解释 :host。我做错了什么?

0 投票
0 回答
140 浏览

azure - ng build --prod on Azure 致命错误:CALL_AND_RETRY_LAST 分配失败 - JavaScript 堆内存不足

我正在将 Angular 7 应用程序部署到 Azure,它工作正常,但是在最后一次提交时,它给出了错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

我有 2 GB RAM,我该怎么办?我认为这是由于内存不足

这是完整的日志

日志

0 投票
0 回答
550 浏览

angular - Angular 6 库 - 导入模块问题

我正在构建一个包含 3 个组件的库,比如 A、B、C 并从中生成一个 tgz 文件。我通过执行 npm install 在另一个 Angular 应用程序中使用这个库。库中的组件 A 和 B 在新应用程序中工作得非常好,因为它是直接的并且没有任何服务或类。但是组件 C 有一个服务,当我尝试在我的应用程序中使用它时,我收到了一个错误。我尝试在 import 语句中给出服务的完整路径,例如: import { ABClibservice } from 'ABClib/lib/ABClib/ABClib.service';

当我运行这个项目时,它显示如下错误:

ERROR in ./src/app/app.component.ts Module not found: Error: Can't resolve'

0 投票
1 回答
2492 浏览

asp.net-core - 如何使用 Kestrel 托管 Angular 应用程序

我正在尝试使用扩展来部署应用程序Angular 7.NET CoreKestrelFileProvider

我已经创建了 angular 应用程序,我拥有它,并且我在Porject 中ng build复制了文件。dist .NET

启动

PS我的myroot文件夹就在项目的根目录中。我不知道如何提供angular应用程序的第一页(入口点),即index.html.