问题标签 [angular-devkit]

我想在我的 Raspberry Pi 上基于此示例使用 Electron 运行 Angular 应用程序。该应用程序在我的 PC 上运行良好，npm start但无法解析 Pi 上的资产。

资产theme.scss在目录中的文件中定义src/：

这个文件被导入到我的大部分组件中。

我的main.ts文件：

问题是serve在我的电脑上，/assets路径是相对于应用程序的根目录（http://localhost:4200/assets/..），它工作正常，但在 prod 中我得到一个file:///assets/...未找到的错误。如果我将 Pi 上捆绑包的 CSS 中的路径从/assets/...更改为assets/...它可以工作。如果我在theme.scss文件中相应地更改它，它不会编译，因为路径是相对的，并且theme.scss在文件树的不同级别的许多组件中导入。

我已经尝试过类似的路径，~/assets/...但它被编译为/./assets/...，这对我来说毫无意义......

如何在 CSS 包中生成或在编译时将其解析为相对于应用程序根目录/assets？assets/assets/

编辑：

资产的解析是Angularurl()的一个老问题。

当尝试使用不同的语言环境配置为我的 Angular v9 应用程序提供服务时，默认语言一直显示，同时ng build --localize按预期工作。

角.json：

我不确切知道缺少什么：任何帮助将不胜感激，谢谢。

我一直在尝试在我的 Angular 9 项目中使用 Tailwind CSS。如果我遵循本指南，我可以让它正常工作： https ://dev.to/seankerwin/angular-8-tailwind-css-guide-3m45

当我尝试使用 MiniCssExtractPlugin 将我的 CSS 分离到另一个文件中时，就会出现问题。我收到以下 webpack 错误：

我的webpack.config.js：

我的package.json：

我的angular.json：

tailwind.config.js如果重要的话，这也是我的：

我在这里做错了什么？我怀疑问题出在我定义加载程序的方式上，但提供的顺序和选项似乎是正确的。请帮帮我。

要求

我想在原理图中使用提示类型“确认”并基于“是”/“否”我想隐藏下一个问题。如下面的 schema.json 文件所示，有一个确认和一个多选值列表。如果用户选择“否”，我想隐藏该列表。如何实现？

架构.json

根据@jeroenouw 给出的评论，我尝试了下面的代码，但它仍然无法正常工作

我目前正在尝试使用 Angular CLI 9.1.7 将 webworker 添加到我的 Angular 9 项目中。这个 webworker 应该使用 mathjs 7 运行一些计算。

但是，将 mathjs 导入 webworker 总是会导致浏览器控制台出现以下错误。如果我不导入 mathjs，工人运行没有问题。

参考线是

并且是mathjs 中使用的种子随机库的一部分。我知道这window在网络工作者中通常是未定义的，但global据我所知应该设置。在 angular-devkit 内部使用的 webpack 配置中，我找到了以下部分：

在那里，我已经尝试设置globalObject到self或this在我的本地node_modules文件夹中，但这并没有解决问题。我也没有在angular.json文件中看到为 webworker 提供任何额外配置来解决这个问题的选项，所以我不确定该怎么做才能使它工作。在mathjs 文档中，我找到了一个在 webworker 中使用它的示例，所以我认为它也应该可以使用 Angular CLI。

我用一个最小的工作示例创建了一个GitHub 存储库。如果你运行它

您可以在浏览器控制台中看到描述的错误。

所以我的问题是：如何在 Angular CLI webworker 中使用 mathjs？

当我这样做时ng serve，日志显示如下错误：

我读到解决方案是在 Linux 上更改观察者文件，但这是一个糟糕的解决方案！

为什么 Angular 需要查看对 的更改node_modules？这是一个不会改变的文件夹。如果我需要安装一个新库，我可以重新启动服务器。

如果您的解决方案是，请不要回答我： echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf。我不想使用这个糟糕的解决方案。

我们将 Angular 从 7 升级到 8。

但是在构建 docker 映像时，这一步失败了：

ng "build" "--prod" "--configuration" "development" "--output-path=docs" "--serviceWorker=true" "--verbose" "--progress=true"

被这个堆栈跟踪卡在 11%：

然后在docker中复制目录失败：

这是我的 Dockerfile：

我最近用 jest 添加了基本单元测试，现在由于某种原因，当我使用“ng serve”运行 angular 应用程序时，我的 mat-icons 显示为，并且我的 HttpClient 调用我的后端不会返回任何响应。我订阅了 observable，甚至尝试用 .pipe(finalize()) 捕获空的 observable，没有响应，并且网络没有显示任何正在发出的请求。运行 ng serve 的终端也没有显示任何错误。

我可以确认，当我通过节点服务器构建和提供文件以进行生产时（我知道我应该使用 ngnx），一切都按预期工作。后端 api 也正确响应邮递员和终端 curl 调用。

我觉得这与我如何配置 jest 或我在配置文件中搞砸的东西有关，但我似乎无法弄清楚。我也不知道这个 svg class="fake-testing-svg" 是如何被注入到 html 中的，因为我在代码中的任何地方都找不到它。

登录组件.ts

登录服务.ts

server.js（不应影响 ng serve）

角.json

jest.config.js

tsconfig.json

tsconfig.app.json

包.json

网络

登录 html 检查（参见 mat-icon）

终端

我知道有人问过这个问题 =>工作名称“..getProjectMetadata”不存在

但是，如果没有代表，我无法评论问题。有没有人找到实际原因/解决方案？降级 @angular-devkit/build-angular 可以，但不能解决问题。特别是现在该版本的 devkit 现在本身就有 3 个高风险漏洞 => https://www.npmjs.com/advisories/1548。

因此，对于任何不允许高严重性漏洞的项目，降级不再是一种选择。是否有升级 angular-devkit 或其他东西的“升级路径”？

谢谢！

更新到Angular-Cli V10.1.0后开始出现错误。

我最初遇到的问题：

• 该ng命令不起作用。我发现缺少核心依赖项： npm WARN @angular/fire@6.0.0 requires a peer of @angular/common@^9.0.0 but none is installed. You must install peer dependencies yourself.

我试过：

• 手动安装依赖项。
• 全局卸载 angular-cli，使用 --force 清除缓存，重新启动并重新安装。
• 下载最新的 NodeJs，使用npm updateAngular:更新 npm ng update。
• 删除：package.lock.json; package.json;node_modules

我无法删除 node_modules：

• 文件夹：.xml2js.DELETE有一个package.json无法在我的 IDE 或 Windows 中打开的文件。
• 我相信是这个文件阻止了我跑步npm install