问题标签 [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 回答
55 浏览

angular - 在 lib 上使用 ng build 构建 .js 文件时出错

我有一个应用程序,我试图将其转换为使用 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:

0 投票
1 回答
97 浏览

node.js - 'ng' 未被识别为 cmdlet 的名称

我安装了新版本的nodejs。我可以在我的机器上全局更新 angular/cli。但仍然得到 ng 未被识别为 cmdlet 的名称。有没有办法在 Visual Studio 代码和命令提示符下检查 ng 版本。

0 投票
0 回答
2073 浏览

angular - 使用角度通用的角度服务器端渲染不适用于延迟加载模块

我有一个 Angular 版本 7 的现有 CLI 项目。我需要为 SEO 和社交共享元标记使用设置服务器端渲染。

我遵循 https://angular.io/guide/universal 中给出的官方指南,从 git 存储库https://github.com/angular/angular-cli/wiki/stories-universal-rendering中获得一些帮助。

我安装了所有 NPM 模块并按照上述两个链接执行步骤,但是当我尝试使用以下命令构建包时

ng run web:server

它给了我一个错误。

截图:https ://www.screencast.com/t/J2d0AeGFnqt

app.server.module.ts

app.routes

tsconfig.json

我的延迟加载模块不适用于角度通用。
请让我知道是否有人以前观察过这个问题以及任何想法。

0 投票
1 回答
1062 浏览

angular - 角度变化检测仅检测产品中的变化

我有一个奇怪的问题,我希望这只是一个简单的解决方法。Angular 中的变更检测不仅仅在生产环境中起作用。

我使用 Angular 7 和 ngrx 作为状态管理构建了一个相当复杂的应用程序。有 2 个主要模块基于路由延迟加载。变更检测策略是 OnPush 并且 99% 的应用程序遵循一种模式,数据来自服务器,通过 ngrx 效果到有状态组件,然后通过异步管道将数据推送到“虚拟”表示组件中。例子:

打开ng serveng serve --prod一切都按预期工作,没有问题。然而,在运行ng build --prod并将 js 文件推送到我们的 .net 解决方案后,更改检测停止工作。

“停止工作”是什么意思?我的意思是它不会改变任何模型或组件,除非发生了 DOM 事件。

例如,使用上面显示的代码,有一个加载微调器会一直显示,直到数据来自服务器。在生产中,微调器会一直停留在屏幕上,直到您随意点击。然后应用程序刷新并显示数据。此问题在整个应用程序中持续存在。也就是说,这个问题不仅仅发生在那里。

该应用程序在 .Net 解决方案中的 .cshtml 文件中加载,如下所示:

延迟加载的模块位于 .cshtml 文件的文件夹中,并且没有显示任何错误,因此我必须假设一切都正确连接。

同样,这仅在产品包中。不在 dev 或 serve 或 prod 模式下服务。

0 投票
4 回答
7742 浏览

angular - 在角度延迟加载中找不到模块

我在 Mac 环境下成功完成了一个 Angular 项目

现在我在 ubuntu 18.04 上运行相同的代码

但是,当尝试延迟加载另一个模块时,它会出现一个非常奇怪的问题,我不断收到此错误错误:找不到模块“app/website/site.module”

这是我的项目结构

在此处输入图像描述

和 app-routing.module.ts

该路由用于在mac中工作但在ubuntu中失败

我查找了不同的解决方案

但它仍然无法正常工作。

0 投票
1 回答
333 浏览

angular - 尝试将 cesium 与 A​​ngular CLI (v7) 一起使用时生成错误

我刚刚开始使用angular-cesium并遵循他们的入门指南来设置角度 CLI。在尝试为我的应用程序提供服务时,我遇到了以下错误:

index.js铯文件的内容是:

根据我得到的错误,我看不到return函数外部的位置。

这里可能发生什么来解释这个错误背后的原因?

我在这里有示例 repo,可以复制此错误-> https://github.com/parky128/cesium-playground

谢谢

0 投票
1 回答
2012 浏览

angular - 如何从 environment.ts 变量中读取端口和主机以进行 angular.json 配置

有没有办法从 environment.ts 文件中读取帖子编号和主机名并运行 ng serve 命令。我的要求是为 Dev、QA 和 Prod 环境使用不同的端口和主机。

现在我在 angular.json 文件中手动更改它

“服务”:{“构建器”:“@angular-devkit/build-angular:dev-server”,“选项”:{“端口”:5001“主机”:'10.20.45.10'},

我想根据构建从 environment.ts 和 environment-prod.ts 中读取它

0 投票
1 回答
316 浏览

angular - Angular 7:如何在全球范围内使用 fileReplacement

我正在使用 Angular 7,我想知道是否存在任何替换文件的方法,无论使用 fileReplacement 的环境如何。像这样:现在的问题是我们正在使用标准方法,并且我们正在强制在每个环境中复制替换的文件。

有没有更好的方法呢?

谢谢!

0 投票
1 回答
1108 浏览

javascript - Angular 7服务从restful API返回未定义

我正在尝试从 Angular 服务返回一个任务列表,该服务从一个安静的 .NET API 获取数据。API 返回正确的数据,但是当 console.log 来自订阅函数的结果时,它只是未定义的。请帮忙!

这是正常运行的 API 方法:TaskController.cs

我有两个名为 task.service.ts 的服务和一个名为 email-notification.service.ts 的服务。任务是返回一个集合中的所有任务。电子邮件通知是从任务服务中检索任务,然后遍历它们以检查任务数据中的特定属性值。

这是 task.service.ts 中的方法:

我不确定如何在这个 ^ 点检查数据,但它没有显示错误。

这是返回“未定义”的电子邮件通知中的代码:

在这里,我在控制台中遇到错误,试图遍历和未定义的对象。

这是我的打字稿课:

}

这是我的 API 类:

任何帮助表示赞赏。谢谢!

0 投票
1 回答
2572 浏览

angular-cli - 我们运行 ng build --prod 时默认设置的选项是什么

当我用它构建我的 Angular 应用程序时,ng build --prod它会为生产环境创建一个构建优化、摇树等的构建。如果我想为开发环境进行相同类型的构建,需要通过ng build命令传递哪些选项?例如。,

基本上,应该通过哪些 cli 选项,以使 dev 构建与 prod 构建完全相似(配置除外)?