问题标签 [ng-build]

我有一个应用程序，我试图将其转换为使用 angular cli (v7)。该应用程序处于正常工作状态。

该应用程序由 2 个站点和一个公共库组成：

我正在使用 ng build 来构建和打包 UI-lib，但在指向 public_api.ts 的 FESM2015 阶段存在错误：

public_api.ts：

连接/setup.js

错误：

注意：如果我将文件转换为 .ts，ng build 运行良好并创建了一个 dist 文件夹。但是，在 setup.js 中，我引入了许多其他 .js 文件，因此现在无法将所有这些文件转换为 .ts 并解决类型问题

更新：

tsconfig.json

tsconfig.lib.json：

我在 iframe 中使用我的 Angular 应用程序，并且我希望能够在构建（ng build）之后更改 index.html 中 javascript 文件的路径。

这是我用来构建我的 Angular 应用程序的命令：

完成后，在我的 dist 文件夹中，我有这棵树：

查看 index.html 内部，我们可以看到以下内容：

我想以某种方式更改构建命令，也许有一个我没有看到的标志或任何其他方法来生成 index.html，其中 javascript 文件的路径不同，如下所示：

我的项目正在使用“ng serve”命令，但在构建时只显示一个空白屏幕。此消息显示在控制台中：

Angular 正在开发模式下运行。调用 enableProdMode() 以启用生产模式。

没有加载路由，模板中间只有一个空标签。

我尝试了 AOT 和 JIT。生产和发展模式。全部空白

我刚刚在这里发布了这个项目：https ://razesheydaei.ir

这是我的 angular.json 文件：

还有 tsconfig.json：

和路线：

我有一个 Angular 7 应用程序，我在其中创建了多个模块。现在，当我使用 ng build 构建时，它会在 dist 文件夹中构建和创建 js 文件，如 scripts.js vendor.js 以及它创建的应用程序中的每个模块，如下所示

我的配置文件我的配置文件模块.js.map

我的配置文件我的配置文件模块.js

服务报告模块.js.map

服务报告模块.js

...

我的问题是这很正常，或者 dist 文件夹中必须只有两个文件，即 scripts.js 和 vendor.js

我试过 ng build --prod ，它仍然创建相同的文件，除了文件的大小减少

我是 Angular 环境的新手，并使用 Bootstrap 4 + angular material 创建了一个项目。我正在使用“material.module.ts”来导入-导出所有必需的材料组件。

当我使用“ ng serve ”命令运行应用程序时，它没有显示任何错误并且运行顺利。当我使用--aot参数构建或为生产构建（ng build --prod）时，它会给出错误：

使用 --prod 参数的角度构建失败但能够运行应用程序

以下是ng --version的输出：

我尝试了 npm update、npm audit fix、ng update.. 但都没有解决问题。我的mac和windows机器也有同样的问题

我想将我的 Angular 8 应用程序发布到 IIS。然后我开始按照部署说明进行操作。当我使用 base-href 在 prod 模式下构建项目时，操作会引发错误。如果我在开发模式下构建（只是 ng build），没有错误，但我必须在生产模式下构建。--base-href 导致错误。我现在能做什么？

这是错误：

无法读取空类型错误的属性“startTag”：无法在 Object.augmentIndexHtml 读取空属性“startTag”（D:\ReklamUssuProjects\DevBranch\RULink\RULink.UI\Angular\node_modules@angular-devkit\build-angular\src\ angular-cli-files\utilities\index-file\augment-index-html.js:126:55) 在 compiler.hooks.emit.tapPromise (D:\ReklamUssuProjects\DevBranch\RULink\RULink.UI\Angular\node_modules@ angular-devkit\build-angular\src\angular-cli-files\plugins\index-html-webpack-plugin.js:70:60)

所以这是一个奇怪的问题，我似乎无法在网上的任何地方找到参考。希望这里的某人可以阐明以下内容以及潜在的解决方法-

我有一个符合谷歌 PWA 要求的 Angular CLI 应用程序。一切都按预期工作，但是服务工作者没有缓存一些图像。

这是我的 ngsw-config.json -

在 admin/images 文件夹中，有一些背景图像、徽标、微调器、图标等。但是，当我运行“ng-build --prod”时，唯一被缓存的图像是那些在 CSS 中引用的图像（背景-图片）。任何放置在页面本身上的内容都将被忽略。

这会导致一个没有徽标或图标的脱机页面。

查看生成的“dist”文件夹，“工作”图像文件被复制并赋予随机后缀。

在生成的 ngsw.json 文件中，这些是唯一引用的图像，没有提及丢失的徽标等。

有没有人能够揭开这一切的神秘面纱？

很抱歉这个问题很长，但如果你已经走到这一步了，谢谢你:)

任何帮助表示赞赏！

我的应用程序在使用时构建和运行良好，ng serve但在使用ng build --prod. 该错误在依赖项下，/node_modules/因此不确定如何解决此问题？

错误信息：

ERROR in Unexpected value 'undefined' imported by the module 'ExampleModule in /Users/Projects/KagiDocs/git/core/node_modules/@angular/material-examples/examples_public_index.d.ts'

包.json

我们已经 。克隆了这个https://github.com/angular/material.angular.io代码库来构建我们的项目。

我遇到了一个问题，该问题是由npm package我之前安装的，以获取hostname and ip address我的angular project，一切正常，dev mode但是当我构建它以production files使其无法正常工作时，我已经调试了我的项目，并且我注意到一切都失败了当我使用该方法获取主机名。现在我正在做的是在控制台中打印下一个代码。

我声明了下一个变量。

我正在使用我的下一个代码ngOnInit()

在开发模式下它可以工作，但在生产模式下失败 throwinf 下一个错误。

我在我的依赖项中package.json有这个包。os

有谁知道为什么会这样？

我是 Angular 的新手（2 个月的经验）。我继承了一个使用版本 6 和 Creative Tim 模板的 Angular 项目。我将@angular/cli 从版本 6 更新到了 8.3.6。CLI 已根据“ng update”命令成功更新。但是，当我执行“ng serve -o”时，我收到了各种错误。

我不确定我缺少什么使我的应用程序无法成功构建。你能帮我吗？

我尝试了“ng update -all --force”以确保所有依赖项都是最新的。

这是我更新的 package.json

这是错误：