在 Angular 项目 Visual Studio 代码上启动前端时出错

Posted

技术标签:

【中文标题】在 Angular 项目 Visual Studio 代码上启动前端时出错【英文标题】:Errors starting frontend on angular project visual studio code 【发布时间】:2021-06-26 12:12:43 【问题描述】:

当我下载并 npm/install/run 这个基于 Angular 的项目时,我遇到了这个错误。 https://github.com/OpenClas-s-rooms-Student-Center/dwj-projet6

说明:

克隆项目 执行 npm 安装 执行 npm start。 在 http://localhost:3000 上执行 API

错误

ng 服务 您的全局 Angular CLI 版本 (11.2.6) 高于本地版本 (7.0.7)。使用本地 Angular CLI 版本。
要禁用此警告,请使用“ng config -g cli.warnings.versionMismatch false”。 架构验证失败,出现以下错误: 数据路径“.builders['app-shell']”应该具有必需的属性“类”。 错误:架构验证失败,出现以下错误: 数据路径“.builders['app-shell']”应该具有必需的属性“类”。 在 MergeMapSubscriber.project (C:\Users\Phil\Desktop\Beta\dwj-projet6\node_modules\@angular-devkit\core\src\workspace\workspace.js:215:42) 在 MergeMapSubscriber._tryNext (C:\Users\Phil\Desktop\Beta\dwj-projet6\node_modules\rxjs\internal\operators\mergeMap.js:69:27) 在 MergeMapSubscriber._next (C:\Users\Phil\Desktop\Beta\dwj-projet6\node_modules\rxjs\internal\operators\mergeMap.js:59:18) 在 MergeMapSubscriber.Subscriber.next (C:\Users\Phil\Desktop\Beta\dwj-projet6\node_modules\rxjs\internal\Subscriber.js:67:18) 在 MergeMapSubscriber.notifyNext (C:\Users\Phil\Desktop\Beta\dwj-projet6\node_modules\rxjs\internal\operators\mergeMap.js:92:26) 在 InnerSubscriber._next (C:\Users\Phil\Desktop\Beta\dwj-projet6\node_modules\rxjs\internal\InnerSubscriber.js:28:21) 在 InnerSubscriber.Subscriber.next (C:\Users\Phil\Desktop\Beta\dwj-projet6\node_modules\rxjs\internal\Subscriber.js:67:18) 在 MapSubscriber._next (C:\Users\Phil\Desktop\Beta\dwj-projet6\node_modules\rxjs\internal\operators\map.js:55:26) 在 MapSubscriber.Subscriber.next (C:\Users\Phil\Desktop\Beta\dwj-projet6\node_modules\rxjs\internal\Subscriber.js:67:18) 在 SwitchMapSubscriber.notifyNext (C:\Users\Phil\Desktop\Beta\dwj-projet6\node_modules\rxjs\internal\operators\switchMap.js:86:26)

谢谢

【问题讨论】:

【参考方案1】:

这对我来说很好用。

试试下面的方法也许对你有帮助

解决方案 1:删除 node_modules 文件夹并运行 npm install。

解决方案 2:我认为您应该降低 angular CLI 版本,尝试使用 CLI version 8

【讨论】:

嗨,安全漏洞呢?更新项目不是更好吗? 是的,您的项目是 Angular V7.0.7,因此您需要适当版本的 CLI

以上是关于在 Angular 项目 Visual Studio 代码上启动前端时出错的主要内容,如果未能解决你的问题,请参考以下文章

由于 node_modules,Visual Studio 使用 Angular2 太慢了

在 Visual Studio 2019 中编译默认 Angular 项目时未找到(但已安装)node.js

visual studio 2010问题修复

Visual Studio 中带有 ASP.NET Web API 项目的 Angular 项目

如何通过 Visual Studio Publish 为 Angular 项目定义 <base href="/ProjectName/">?

如何将 Angular 9 SPA 项目和 ASP.NET Core 2.2 MVC 项目组合成一个 Visual Studio 2017 解决方案?