问题标签 [angular-cli-v7]

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

angular - 如何修复 Http-Server npm 命令问题?

我试图在我的本地部署 Angular 应用程序,我已经完成了 npm-build 并得到了 dist,然后我尝试执行 http-server 命令我收到以下错误。

更改端口号,清除缓存,关闭并打开cmd,重新启动机器。

我需要改变什么。

我尝试了新的简单项目并从 github 和我现有的项目下载了一个样板,对于所有三个项目,我都收到了以下错误。

0 投票
1 回答
1569 浏览

angular-cli-v7 - 如何将 angular-cli.json 转换为 angular.json

运行“ng test”时,角度 cli 会引发错误

“测试命令需要在 Angular 项目中运行,但找不到项目定义。”

npm install @angular/cli

测试

想将 angular-cli.json 转换为 angular.json

0 投票
0 回答
238 浏览

angular - Schematic 输入不针对 Schema 进行验证:{"name":"my-app"}

我新安装了 angular 7。但我无法创建新项目。我已经做了所有我可以从互联网上找到的东西,但没有一个有效。我还提到了我使用过的命令。任何帮助,将不胜感激。

初始命令

$ sudo npm install -g @angular/cli

我得到的错误

我的系统信息

我尝试过的解决方案

第一种方法

第二

先感谢您

0 投票
1 回答
3534 浏览

angular - Angular CLI - 检测库更改以重建消费应用程序

我正在开发一个 Angular 库并具有典型的设置,我有我的库项目,然后是另一个项目,我正在使用构建的库输出。

我希望能够监视库源文件并自动重建我的库。我还希望我的消费应用程序在检测到我的库已重建时重建。

在我的应用程序检测库更改的情况下,我相信这已经设置好了,因为ng serve自动监视文件更改,并且在我的应用程序的 tsconfig 中,我的库的路径映射到dist构建库输出的文件夹。如果我手动更改 dist 文件夹中的这些文件之一,我的消费应用程序的重建将被触发,因此该部分工作正常。

在监视库更改的情况下,我已经看到我可以指定我的库名称和监视标志作为构建命令的一部分,所以:

ng build my-lib --watch

我在 package.json 中定义了以下脚本:

我假设我需要在一个单独的进程中生成我的库上的手表,所以我可能需要在我的任务中使用更多脚本来构建和观看我的库?

然后在另一个进程上运行构建脚本,该脚本将为我的消费应用程序提供服务。

我确实尝试过这个,但是我的bundle-styles任务遇到了一个问题,我需要在 angular cli 构建之后但在它开始观察变化之前执行。我开始认为我可能需要创建自己的自定义监视任务,例如gulp

在库中开发更改以查看它们在消费应用程序中被检测和重建时,这里的正确方法是什么?

谢谢

0 投票
0 回答
632 浏览

visual-studio - 升级到 7.3.8 后,Angular CLI“ng serve”失败

我是 Angular CLI 的新手。我的背景是 C# ASP.NET。我最近通过 Visual Studio 的项目向导使用 Angular CLI 启动了一个 ASP.NET Core 应用程序。为了在http://localhost:4200上运行,我需要做的就是运行npm install @angular/cli ,然后 ng serve 我就可以开始了。

为了获得 Angular 的最新稳定版本,我运行了 ng update

现在,ng serve 返回错误“服务命令需要在 Angular 项目中运行,但找不到项目定义。”

此外,另一个观察结果是 .angular-cli.json 文件中对 schema.json 的 $schema 引用在路径“./node_modules/@angular/cli/lib/config/schema.json”中不再可用。config 文件夹完全丢失了,我已经读到 config 文件夹在以前的版本中被删除了。

我的问题是如何更改我的 .angular-cli.json 或其他项目文件以符合新标准?

下面是我当前版本的截图。

0 投票
1 回答
514 浏览

angular-cli-v7 - 一个组件是 2 个模块声明的一部分

错误错误:未捕获(承诺):错误:类型 UserProfileComponent 是 2 个模块声明的一部分:AdminLayoutModule 和 DemoLayoutModule!请考虑将 UserProfileComponent 移至导入 AdminLayoutModule 和 DemoLayoutModule 的更高模块。您还可以创建一个新的 NgModule,它导出并包含 UserProfileComponent,然后在 AdminLayoutModule 和 DemoLayoutModule 中导入该 NgModule。错误:UserProfileComponent 类型是 2 个模块声明的一部分:AdminLayoutModule 和 DemoLayoutModule!请考虑将 UserProfileComponent 移至导入 AdminLayoutModule 和 DemoLayoutModule 的更高模块。您还可以创建一个新的 NgModule,它导出并包含 UserProfileComponent,然后在 AdminLayoutModule 和 DemoLayoutModule 中导入该 NgModule。

演示布局

管理布局

0 投票
2 回答
4546 浏览

angular - 如何修复 npm 审计报告

当我运行 npm audit 命令时

=== npm 审计安全报告 ===

它的说法found 1 high severity vulnerability in 42611 scanned packages 1 vulnerability requires manual review。由于它与@angular-devkit/build-angular,我担心它是否会在我的项目中产生任何其他问题。

当我运行 npm audit fix 命令时

那么如何在任何具有 linux 操作系统的系统中解决这个问题。让我们考虑忽略上面的 npm 审计修复结果,因为它在某种程度上是一个警告。但是 npm 审计的结果被认为是一个高危漏洞。如何解决这个问题。

Angular CLI 版本

帮我解决这个问题。谢谢你

0 投票
0 回答
432 浏览

angular - 在 Angular 中,在声明路由时使用 array.map() 会导致“无法读取未定义的属性‘loadChildren’时出现错误”

构建项目时出现错误。

ng build --prod

以下是控制台上显示的错误。

设置

  • 视窗 10
  • 节点 v10.15.3
  • npm 6.4.1
  • @角/cli 7.3.8

重现步骤

1)使用路由创建新的角度应用程序

1.1) 新的 MyApp

1.2.) 当提示使用路由时,说是并接受其他默认值

2) ng g 组件首页

3) ng g 组件设置

4) 并修改 app-routing.module.ts 如下。

5) ng build --prod

错误应该出现在控制台中

问题

看看第 4 步,我的问题真的是为什么以下工作有效?

而以下不起作用?

请注意,从结构来看routesroutes2、 和routes3都是相同的,至少是等价的。它们都是具有相同属性的对象数组。不知道我在这里缺少什么。

更新:

以下令人惊讶的是也不起作用。

但以下工作。

这真的很奇怪。它一定是编译器中的一个错误。

0 投票
1 回答
2241 浏览

angular - 需要在 Angular 项目中运行 serve 命令,但找不到项目定义

我下载了 Angular Formio项目。该项目是 Angular 6 版本。我想将此项目完全迁移到 Angular 版本 7 中,并在我的 Angular 版本 7 项目中使用此功能。但在我需要运行该项目并在 localhost 上访问它之前,进行一些更改并对其进行测试。

从命令行运行 ng serve 时出现以下错误:

我无法修复它。以下是我在下载项目并更新我的角度 CLI 后所遵循的步骤

我仍然面临同样的问题。

项目结构

请帮忙。提前致谢。

0 投票
2 回答
2552 浏览

angular - Angular - 如何从产品构建中排除延迟加载的模块?

我有一个用于演示目的的角度模块(DevShowcaseModule)。此模块不应包含在生产版本中。为了向最终用户隐藏此演示并防止生产中的演示代码错误。

环境:

  • 角度版本:7.2.5
  • 角 CLI:7.3.2

这是我的 app-routing.module.ts

我试图从 tsconfig.json 中排除模块文件夹。但它不起作用,我仍然可以调用路由并加载演示模块。

知道如何正确地做到这一点吗?

谢谢!