问题标签 [angular10]

我和同事试图弄清楚为什么编译时间不同。我们拥有完全相同的戴尔笔记本电脑 7030 型号、相同的 SSD、相同的硬盘、相同的内存、规格。我们的任务管理器流程看起来很相似。

公司订购相同型号的计算机。

我们从 Angular Git Repository 下载，带有配置和包 json，具有相同的节点大小内存。

问题是，我们的笔记本电脑之间的初始构建是 2 分钟而不是 8 分钟。

当我们在同一个文件中编辑一个单词时，他的重新编译只需要 5 秒，而我的需要 20 秒。只有在同一台计算机上运行的程序才是 Angular 命令 ng serve。

有没有人有解决这个问题的想法，并且编译时间很慢？

有什么我可以在我的工作站中更改为类似的编译速度吗？

尝试了所有同事的解决方案，仍然很慢

• 我们有相同的 Node.js 版本
• 在 Company Project Git Repo 中从 Angular 8 更新到 10
• 试过了npm cache clear
• 尝试卸载和重新安装 Angular 和 Nodejs
• 来自 Windows 的 ScanDisk 不会在 SSD 驱动器上显示错误
• 将 package-lock.json 与同事进行比较，它们完全相同，在源代码控制差异中进行比较
• 在 Angular Git 文件夹上打开 Windows Defender 排除

资源：

角度编译慢

如何加快 Angular 构建过程

更新：

刚刚注意到我的笔记本电脑在styles.scss 文件上真的停在48%

我正在尝试将我的 Angular 9 应用程序升级到 Angular 10 版本，但升级后收到低于警告

我已将以下行添加到我的angular.json文件中，但问题未解决

我该如何解决上述问题。

我正在使用实现多列表轮播，"ngx-bootstrap": "6.0.0",但它看起来在angular: 10.0.2. 我也试过了ngx-bootstrap: 6.0.0，它也没有用

它仅显示一张幻灯片 [第一个图像] 和其余图像的占位符。就像如果itemsPerSlide是 3，它只显示 1 个图像和 2 个图像的占位符。

组件代码

HTML 代码

最近在看nebular的源码，一个angular ui框架，对下面的代码有疑问：

这应该是一个组件，下面是它的使用方式：

我的问题是，为什么nbMenuItem 可以用作指令，它被@Component注解，为什么？我在 Angular 文档中没有找到任何关于此的内容。

（看来我的问题与在 chrome 中出现错误“此文档需要 'TrustedHTML' assignment”有关，但我使用的是 Angular v10）

描述：

当我[innerHTML]="myVar"在 Angular 10（或更低版本）项目上使用该指令时，使用严格的 CSP require-trusted-types-for 'script';，它会失败并显示以下消息：

此文档需要“TrustedHTML”分配。错误类型错误：无法在“元素”上设置“innerHTML”属性：此文档需要“TrustedHTML”分配。

如何重现：

• 打开一个 Angular X 项目
• [innerHTML]="someVar"在模板中使用指令
• 添加require-trusted-types-for 'script';CSP 标头
• 检查 Chrome 控制台；)

我尝试了什么：

在阅读了有关受信任类型的一些资料后，例如：

• https://web.dev/trusted-types/
• https://www.intricatecloud.io/2019/10/using-angular-innerhtml-to-display-user-generated-content-without-sacrificing-security/

我尝试在我的 Angular 项目中使用https://github.com/cure53/DOMPurify 。只需添加包，创建一个 Angular 管道，然后在模板中使用它。

可以使用以下代码创建管道：

它可以像这样使用：[innerHTML]="myVar | safeHtml"

当然，我用 a 检查了返回console.log，它给了我一个真正的 TrustedHTML 对象。Chrome 控制台中弹出了新错误，因此我不得不添加一个新的 CSP 标头来授权 DOMPurify：

require-trusted-types-for 'script';trusted-types dompurify

在那之后，Chrome 很高兴看到了 DOMPurify 字符串操作。

然而，最初的错误再次出现！

我不明白我错过了什么 - Chrome 抱怨 innerHTML 调用中的 TrustedHTML 类型，所以我做了一个 TrustedHTML 转换。在那之后 Chrome 想要一个明确的 dompurify 授权，所以我这样做了，然后 Chrome 再次抱怨 TrustedHTML 类型......

我正在学习角度，并希望在单击按钮时导航到另一个页面。我碰巧当我单击时，他们在按钮下添加了第二页的组件。我遵循了一千个教程，但我没有得到想要的结果！

我有一个 Angular 应用程序，可以通过ng serve. 该应用程序也通过 正确构建ng build --prod，但是当我在浏览器中运行生成的源时，我收到以下错误：

error-handling.service.ts如下所示：

在我将项目升级到 10（也升级了 TypeScript）后，代码在 Angular 9 上运行良好，它已经停止工作。当我在生产中运行时，
为什么它会通过并崩溃，这有点令人困惑。ng serve另外，为什么在编译过程中没有发现这个错误？

我的项目禁用了 Ivy。

我想在我的角度应用程序中使用材料表。我浏览了材料的官方文档以使用该表。但我在这方面遇到了几个错误。

这是我的组件代码：

这是我的导入文件夹：

错误截图

我已经导入了所有必需的模块并使用了最新的材料和角度版本。我仍然无法理解。谁能建议我如何摆脱这个错误？

无法使用 Visual Studio Code 在 Angular 10 中导入文件。我已经重新启动了 VS Code，甚至安装了新副本，但问题仍然没有解决。看起来 Angular 10 有一些问题。

我在一个全新的 Angular 10 项目的资产文件夹中有一个基本的 JSON 文件。
Angular CLI：10.0.1 节点：14.5.0 操作系统：win32 x64 TSC 版本 3.9.5。在我的 tsconfig.json 我有

我已经多次重新启动 vscode，并尝试从 vscode 终端、powershell 窗口和 bash 终端进行编译，都返回相同的消息：“考虑使用 '--resolveJsonModule' 导入带有 '.json' 扩展名的模块”。我尝试使用不同选项的多种组合进行编译。在这一点上，我想知道是否应该重新启动这个项目并简单地降级我的 Angular 版本？