问题标签 [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.
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:
node.js - 'ng' 未被识别为 cmdlet 的名称
我安装了新版本的nodejs。我可以在我的机器上全局更新 angular/cli。但仍然得到 ng 未被识别为 cmdlet 的名称。有没有办法在 Visual Studio 代码和命令提示符下检查 ng 版本。
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
我的延迟加载模块不适用于角度通用。
请让我知道是否有人以前观察过这个问题以及任何想法。
angular - 角度变化检测仅检测产品中的变化
我有一个奇怪的问题,我希望这只是一个简单的解决方法。Angular 中的变更检测不仅仅在生产环境中起作用。
我使用 Angular 7 和 ngrx 作为状态管理构建了一个相当复杂的应用程序。有 2 个主要模块基于路由延迟加载。变更检测策略是 OnPush 并且 99% 的应用程序遵循一种模式,数据来自服务器,通过 ngrx 效果到有状态组件,然后通过异步管道将数据推送到“虚拟”表示组件中。例子:
打开ng serve
,ng serve --prod
一切都按预期工作,没有问题。然而,在运行ng build --prod
并将 js 文件推送到我们的 .net 解决方案后,更改检测停止工作。
“停止工作”是什么意思?我的意思是它不会改变任何模型或组件,除非发生了 DOM 事件。
例如,使用上面显示的代码,有一个加载微调器会一直显示,直到数据来自服务器。在生产中,微调器会一直停留在屏幕上,直到您随意点击。然后应用程序刷新并显示数据。此问题在整个应用程序中持续存在。也就是说,这个问题不仅仅发生在那里。
该应用程序在 .Net 解决方案中的 .cshtml 文件中加载,如下所示:
延迟加载的模块位于 .cshtml 文件的文件夹中,并且没有显示任何错误,因此我必须假设一切都正确连接。
同样,这仅在产品包中。不在 dev 或 serve 或 prod 模式下服务。
angular - 尝试将 cesium 与 Angular CLI (v7) 一起使用时生成错误
我刚刚开始使用angular-cesium
并遵循他们的入门指南来设置角度 CLI。在尝试为我的应用程序提供服务时,我遇到了以下错误:
index.js
铯文件的内容是:
根据我得到的错误,我看不到return
函数外部的位置。
这里可能发生什么来解释这个错误背后的原因?
我在这里有示例 repo,可以复制此错误-> https://github.com/parky128/cesium-playground
谢谢
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 中读取它
angular - Angular 7:如何在全球范围内使用 fileReplacement
我正在使用 Angular 7,我想知道是否存在任何替换文件的方法,无论使用 fileReplacement 的环境如何。像这样:现在的问题是我们正在使用标准方法,并且我们正在强制在每个环境中复制替换的文件。
有没有更好的方法呢?
谢谢!
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 类:
任何帮助表示赞赏。谢谢!
angular-cli - 我们运行 ng build --prod 时默认设置的选项是什么
当我用它构建我的 Angular 应用程序时,ng build --prod
它会为生产环境创建一个构建优化、摇树等的构建。如果我想为开发环境进行相同类型的构建,需要通过ng build
命令传递哪些选项?例如。,
基本上,应该通过哪些 cli 选项,以使 dev 构建与 prod 构建完全相似(配置除外)?