angular-cli 相关问题

Angular 构建 - 不匹配的选择器：%

当我运行 npm run build 时，执行 ng build -c 生产构建将按预期完成。但命令提示符将充满此警告： 警告：由于选择器 e...

如何使用pnpm或bun更改Ionic CLI（包管理器）

如何在 ionic cli 中使用 pnpm 或 Bun 代替 npm？ 与 npm 相比，它有一些好的好处，比如较小的存储使用量、下载某些包时显示进度等等......

ng：找不到命令

我尝试在项目文件夹中运行 ng build，但收到以下响应： bash: ng: 未找到命令 我缺少什么？这是否与管理员权限、我的路径/个人资料有关，或者

无法读取未定义的属性“call” - Angular 2 构建错误 [潜在解决方案]

我的测试服务器和测试代码将在本地主机上完美运行，但是当使用 ng build 和托管构建文件时，我收到错误并且没有显示任何内容。 我们的 Angular 2 CLI 测试服务器工作正常......

Angular、NodeJS 和 MySQL 中 bcryptjs 的密码不匹配问题

最近，我在使用 Angular、NodeJS 和 MySQL 做一个个人项目时遇到了一个问题。 我正在执行注册和登录过程，我决定使用 bycr 加密密码...

当 Guard 解析登录状态时，Angular 与 firebase Auth 和 SSR 显示错误的组件

我有一个 Angular (17.3.0) 应用程序，带有独立组件并使用 @angular/fire 库。 该应用程序有 2 个屏幕，一个主屏幕和一个登录屏幕。 预期行为：当用户尝试输入时

ng 命令在 docker 卷上非常慢（Windows）

我在 Windows 10 (WSL) 上使用 Docker Desktop，并且需要在 Docker 卷上使用 Angular（使用 -v 选项）。一切正常，但“ng”命令在运行时似乎非常慢...

NG Test 中的调试测试

我正在使用 Angular CLI 和 VSCode，但是当我运行 ng test 时，我的规范文件中的断点似乎都没有被命中？ 我需要做一些配置吗？

我如何在 NX 工作区中运行特定的角度规格测试文件？

有什么方法可以在 Nx 工作空间中运行特定的角度规格测试文件吗？ 最近，我将 Angular 4 cli 应用程序移至 Nx 工作空间。 以前我使用 fdescribe 来实现此目的

调试 Angular 应用程序时阻止 Chrome DevTools 打开脚本文件

当我开始调试 Angular 应用程序并打开 chrome DevTools 时，许多文件会在源窗口中自行打开。其中大多数是来自供应商脚本的文件。 我一直在寻找...

Angular 12 项目的 UI 框架 [已关闭]

我们将在 Angular 12 上创建一个新项目。我需要建议来选择 UI 框架。 我们有 Bootstrap 5、Angular Material 和 primeNg 选项。 我做了以下研究： 嘘...

Angular CLI 在 ng 服务时偶尔会冻结计算机

我的服务有问题。当我在我的 Angular 项目上运行它时，大约 10% 的时间，它会在此过程中冻结，并且整个计算机也会冻结。有时一段时间后会解冻...

Angular - 连接到代理服务器并获取响应，但随后显示尝试代理到：本地主机到实际服务器时发生错误

我是 Angular(2,4) 的新手。我试图连接到代理服务器。 在项目根目录添加 proxy.config.json { “/api/*”：{ “目标”：“http://: 我是 Angular(2,4) 的新手。我试图连接到代理服务器。 在项目根目录中添加proxy.config.json { "/api/*": { "target": "http://<server_ip_address>:<port>", "secure": false, "changeOrigin": true, "logLevel": "debug" } } 然后在package.json中的start中添加代理配置 "scripts": { "ng": "ng", "start": "ng serve --proxy-config proxy.config.json", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, 现在在组件中我有一个登录方法来连接到服务器。 import { Component, OnInit } from '@angular/core'; import { Router, ActivatedRoute } from '@angular/router'; import { AlertService, AuthenticationService } from '../services/index'; @Component({ moduleId: module.id.toString(), templateUrl: 'login.component.html' }) export class LoginComponent implements OnInit { model: any = {}; loading = false; returnUrl: string; constructor( private route: ActivatedRoute, private router: Router, private authenticationService: AuthenticationService, private alertService: AlertService) { } login() { this.loading = true; this.authenticationService.login(this.model.email, this.model.password) .subscribe(data => { localStorage.setItem('currentUser', JSON.stringify(data)); this.router.navigate([this.returnUrl]); }, error => { this.alertService.error(error); this.loading = false; }, () => { console.log("Subscribed Else"); }); } } 在身份验证服务中我有以下代码。 import { Injectable } from '@angular/core'; import { Http, Headers, Response } from '@angular/http'; import { Observable } from 'rxjs/Observable'; import 'rxjs/add/operator/map'; import 'rxjs/add/operator/catch'; import 'rxjs/add/observable/throw'; @Injectable() export class AuthenticationService { headers = new Headers(); constructor(private http: Http) { this.headers.append("Content-Type", "application/json"); } login(email: string, password: string) { return this.http.post('/api/v1/login', { email: email, password: password }, { headers: this.headers }) .map(this.extractData) .catch(this.handleError); } private extractData(response: Response) { let user = response.json(); return user; } private handleError(error: Response | any) { // In a real world app, you might use a remote logging infrastructure let errMsg: string; let resMsg: string; if (error instanceof Response) { const body = error.json() || ''; resMsg = body['message']; console.log(body); console.log(resMsg); } else { resMsg = error.message ? error.message : error.toString(); } return Observable.throw(resMsg); } } 连接工作正常。服务器以正确的 JSON 数据进行响应。但我无法登录。 真正的问题 这很奇怪。有时它工作正常，但大多数情况下，即使正确连接到服务器后也会出现问题。服务器以 JSON 数据进行响应。然后在终端控制台中显示 [HPM] 尝试将请求 /api/v1/login 从 localhost:4200 代理到 http://: (ECONNRESET) (https ://nodejs.org/api/errors.html#errors_common_system_errors） 如果我检查 chrome 网络控制台，请求的状态为 OK。 但在预览选项卡中，它显示来自服务器的 JSON，然后附加以下字符串“尝试代理到时发生错误：localhost:4200/api /v1/登录” {"name":"something","id":"12sde"}Error occured while trying to proxy to: localhost:4200/api/v1/login 因为 JSON 解析出错。 为什么问题有时会发生而不是总是发生？实际问题是什么？ P.S.：我正在使用 Angular - 4.0.0，Angular-cli 1.0.2 将我的节点版本从当前版本降级到推荐版本帮助我解决了类似的问题。 当您使用 Angular CLI 时，您正在使用 Webpack 开发服务器：链接到他们的 Github。您所做的就是将代理文件的路径传递到 CLI，然后 CLI 下载它并将其传递到 webpack-开发服务器。 关于这个问题，据报道删除“/api/*”中的*可能会解决您的问题。 try to add "Connection": "keep-alive" to your proxy.config.json like mentioned below { "/api/*": { "target": "http://<server_ip_address>:<port>", "secure": false, "changeOrigin": true, "logLevel": "debug", "headers": { "Connection": "keep-alive" } } } 在较新版本的 Node 中添加“[::1]”而不是 localhost：对我有用。 我也遇到了这个问题，最后我添加了一个函数来过滤响应： private parseResponse(response) { return JSON.parse(response['_body'].replace(/}Error.*/, '}')) } 这里有一些参考： https://github.com/angular/angular-cli/wiki/stories-proxy https://github.com/angular/angular-cli/issues/889#issuecomment-290112673 希望您能找到更好的解决方案 使用 HttpClient 而不是 Http

角度配置热重载/实时重载以提高速度

我正在使用 Angular 5。 热重载大约需要 8 秒，这是合理的（虽然不是很好），但是有什么方法可以配置它，以便我可以调整它以使其更快？ 担心它会变得均匀......

从 14 到 15 的软件包安装失败，没有错误

我使用yarn 3.3.0作为包管理器。奇怪的是新的yarn只支持.yarnrc.yml而不是.yarnrc。但 Angular 仍然试图找到旧的。但删除 .yarnrc 没有帮助 ❯ng更新@

npm install angular/cli 不起作用 - 似乎卡在中途，没有日志，没有关于卡住原因的错误

任何人都可以帮我解决 npm install @angular/cli 期间遇到的问题吗 以下是详细信息 我正在运行的命令： npm install -g @angular/cli 我所看到的：安装开始拉一些包...

控制台错误：ng.probe不是函数

昨天我将 Angular CLI 和核心更新到 8.0.0v。之后我成功初始化了一个新应用程序并运行它。一旦应用程序构建并在 localhost:4200 上提供服务，我打开控制台，然后...

如何在ng构建期间将版本添加到index.html？

当我使用 ng build 构建 Angular 17+ 项目时，我希望将 package.json 中的版本插入到 HTML 中。就像是： 当我使用 ng build 构建 Angular 17+ 项目时，我希望将 package.json 中的版本插入到 HTML <head> 中。比如： <meta name="version" content="1.0.1" /> 我知道 Angular 版本被插入到 <app-root> Web 组件中，但这不是我想要的——我想要注入项目版本。 创建一个Node.js脚本来读取版本号并将其注入到index.html中。 const fs = require('fs'); const path = require('path'); const packageJson = require('./package.json'); // Read version number from package.json const version = packageJson.version; // Define the path to index.html const indexPath = path.join(__dirname, 'dist/your-angular-project/index.html'); // Read index.html content fs.readFile(indexPath, 'utf8', (err, data) => { if (err) { return console.log(err); } // Create the meta tag with the version number const metaTag = `<meta name="version" content="${version}">`; // Inject the meta tag into the <head> section const result = data.replace( '</head>', `${metaTag}\n</head>` ); // Write the modified content back to index.html fs.writeFile(indexPath, result, 'utf8', (err) => { if (err) return console.log(err); console.log('Version number injected successfully!'); }); }); 修改 angular.json 文件以在构建过程后包含自定义脚本。 { ... "projects": { "your-angular-project": { ... "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { ... }, "configurations": { "production": { ... "scripts": [ { "input": "inject-version.js", "bundleName": "inject-version" } ] } } }, ... } } } }

Angular：从子目录提供所有构建文件

我正在构建一个 Angular 15 应用程序，我希望将所有文件从子目录而不是域根目录提供给最终用户。例如，现在是 GET http://example.co...

Angular 在版本 17 18 中 ng 服务后不显示新图像或文件

在版本 17,18 中创建新的 Angular 应用程序并使用 ngserve 启动服务器时，资产文件夹中的新文件将显示 CANNOT GET.. 当停止服务器并运行 ngserve ag...