logo标签列表

Angular 11卡在“生成浏览器应用程序包（阶段：构建）”

angular
25

昨天一切都正常，今天开始我的Angular 11项目时，我卡在了“/生成浏览器应用程序包（阶段：构建）...”的步骤上。是否有人遇到过这个问题，或者可以给我关于如何继续前进的建议。

输入图像说明

1
你尝试过重新启动电脑吗？ - Owen Kelvin
1
你能编辑并添加构建错误日志吗？ - HDJEMAI
1
很奇怪你没有任何日志，尝试在构建时添加 --verbose。 - HDJEMAI
1
@HDJEMAI 我已添加详细模式标志，但我的终端上除了"生成浏览器应用程序包（阶段：构建）..."之外什么也没有显示。 - luna moonfang
1
我无法通过构建阶段，卡住了，如果有帮助，我已经在我的帖子中添加了一张图片。 - luna moonfang
显示剩余6条评论
5个回答
16
只需记住，您可能需要在angular.json文件中进行一些更改。
  1. 在architect > build > configuration部分添加：
"development": {
  "buildOptimizer": false,
  "optimization": false,
  "vendorChunk": true,
  "extractLicenses": false,
  "sourceMap": true,
  "namedChunks": true
},

在“建筑师 > 建造”中
"defaultConfiguration": "production"

在“架构 > 服务 > 配置”部分中添加：
 "development": {
   "browserTarget": "{{PROJECT_NAME}}:build:development"
  }

注意：你应该在{{PROJECT_NAME}}的位置上放置实际的项目名称，例如："browserTarget": "my-project:build:development"
4. 在"architect > serve"部分添加：
"defaultConfiguration": "development"
1
发生未处理的异常：目标无效：{"project":"{{PROJECT_NAME}}","target":"build","configuration":"development"}。 我该如何将其设置为变量？ - Valerij Dobler
3
我认为这里不应该使用变量{{PROJECT_NAME}}，而是应该直接填上实际的项目名称，例如："browserTarget": "my-project:build:development"。请注意，此操作不会改变原意，只是使语言更加通俗易懂。 - vixenn
我从v8升级到v12，没有考虑到配置更改。每次更改的构建时间约为40-50秒。添加上述更改后，构建时间缩短至1-2秒。 - jewkesy
1
这个问题已经让我沮丧了很久，终于决定搜索如何解决它。Mohammed，你太棒了，谢谢！ - Briana Finney
2
我相信这个方法可能有效，我正在尝试中，但你能解释一下为什么这些步骤会起作用吗？这样我们就可以找出潜在的问题了。 - Pogrindis
配置的JSON键将是"configurations"而不是"configuration"。 - Sathesh
9

我也遇到了同样的错误。

原因: 有一个.css文件只包含注释。

解决方案: 删除该文件中的所有注释，或者至少添加一个css类。

2
这个是有效的，但我不知道为什么，可能与编译器算法有关。 - Daniel Rch.
2
你是一个英雄！ - Chieleman
我在Angular 13中使用PostCSS和Tailwind。删除一个完全空的scss文件也解决了我的问题。感谢您的提示！ - Philipp Sonntag
+1. 这帮助我理解问题与在 angular.json 中指定的 css/scss 文件有关。在我的情况下，scss 有内容，但是包含了一个导入到不存在文件的引用。 - Alexei - check Codidact
1
你在使用不支持的Node版本时是否遇到了这个问题？我不明白这个解决方案与问题有什么关系。 - JSON Derulo
0

我遇到了同样的问题，原因是 styles.scss 试图导入一个根本不存在的文件。

不幸的是，ng serve --verbose 没有帮助，因为详细选项似乎不影响捆绑生成。

0
我在使用Angular 13.x.x时遇到了同样的问题。
每当我尝试使用ng build构建我的项目时，进程都会在封装阶段卡住。在阅读了这里的帖子之后，我只是简单地添加了虚拟类，比如
.dummy {
    color: blue;
}

对所有空的.css文件进行修改。由于标准生成器过程中使用了ng generate component，我的项目中包含了很多这样的文件。
这个方法非常有效。在进行了这个相当简单的修改之后，所有的项目再次能够正确地构建。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接