试图安装@angular/material获取此错误数据路径“&引用；不应具有其他特性（样式）

正如标题所说，我无法在我的项目中安装材料，我已经在谷歌搜索了很多小时，但无法找到答案，我发现了许多类似的问题，但没有一个像我一样。 执行此命令后，将抛出一条消息

发生未处理的异常：无法创建工作区配置文件 加载： /Users/myuser/Documents/desarrollos/CODIGO/gatewey/angular.json 架构验证失败，出现以下错误：数据路径“” 不应具有其他特性（样式）。看见 “/private/var/folders/qz/hsf9v7rx6yz2q1gsz56k3czh0000gn/T/ng-GYq7Rz/angular errors.log” 详情请参阅

在angular-errors.log中显示

[错误]错误：无法加载工作区配置文件： /Users/myuser/Documents/desarrollos/CODIGO/gateway/angular.json模式 验证失败，出现以下错误：不应使用数据路径“” 具有其他特性（样式）。 在Object.getWorkspace（/Users/myuser/Documents/desarrollos/CODIGO/gateway/node_modules/@angular/cli/utilities/config.js:$ 在处理和拒绝时（内部/process/task_queues.js:93:5） 在async AddCommand.validateScope（/Users/myuser/Documents/desarrollos/CODIGO/gateway/node_modules/@angular/cli/models/co$ 在async AddCommand.validateAndRun（/Users/myuser/Documents/desarrollos/CODIGO/gateway/node_modules/@angular/cli/models/c$ 在async Object.runCommand（/Users/myuser/Documents/desarrollos/CODIGO/gateway/node_modules/@angular/cli/models/command-r$ 异步默认值为1（/Users/myuser/Documents/desarrollos/CODIGO/gateway/node_modules/@angular/cli/lib/cli/index.js:62:31）

我有节点12.x.x LTS和角度9.0 为了解决这个问题，我做了以下几点 将节点更新为14.16.0 LTS和 ng更新@angular/core@10@棱角/cli@10 更新角度

我也在更新前后运行了npm审计修复、npm缓存清除、npm缓存验证

在大苏尔的macOs上运行。

---

谢谢。

让我们一起一步一步地完成这项工作。我将在本地详细介绍每一步，它也应该适用于您

让我们首先确保运行的是相同的

节点

和

npm

版本

$ node --version
v15.9.0
$ npm --version
7.5.3

现在，让我们确保我们的计算机上没有安装以前版本的

angular cli

：

$ npm -g list
...
├── @angular/cli@11.2.2
└── npm@7.5.3

因为我已经安装了一个版本，我想首先删除它

$ npm uninstall -g @angular/cli

好的，现在让我们安装一个新版本的

@angular/cli

npm install -g @angular/cli

现在，让我们创建一个新项目：

ng new my-dream-app
# yes
# yes
# CSS

让我们进一步深入CD，确保我们正在运行

cd my-dream-app
ng serve

您现在应该可以看到它正在运行

好的，现在是角度材料。 停止服务器，让我们添加此依赖项

ng add @angular/material
# Indigo pink
# Yes
# Yes

让我们再次运行服务器：

ng serve

让我们通过将以下内容添加到

app module.ts

@NgModule({
  declarations: [AppComponent],
  imports: [
    // other imports 
    MatSliderModule,
  ],

然后将我们的HTML

app.component.HTML

更改为如下：

<!-- <router-outlet></router-outlet> -->
<mat-slider min="1" max="100" step="1" value="1"></mat-slider>

---

现在，导航到浏览器，您应该会看到滑块组件。

让我们一起尝试一步一步地执行此操作。我将在本地检查每个步骤，它也应该适用于您

让我们首先确保运行的是相同的

节点

和

npm

版本

$ node --version
v15.9.0
$ npm --version
7.5.3

现在，让我们确保我们的计算机上没有安装以前版本的

angular cli

：

$ npm -g list
...
├── @angular/cli@11.2.2
└── npm@7.5.3

因为我已经安装了一个版本，我想首先删除它

$ npm uninstall -g @angular/cli

好的，现在让我们安装一个新版本的

@angular/cli

npm install -g @angular/cli

现在，让我们创建一个新项目：

ng new my-dream-app
# yes
# yes
# CSS

让我们进一步深入CD，确保我们正在运行

cd my-dream-app
ng serve

您现在应该可以看到它正在运行

好的，现在是角度材料。 停止服务器，让我们添加此依赖项

ng add @angular/material
# Indigo pink
# Yes
# Yes

让我们再次运行服务器：

ng serve

让我们通过将以下内容添加到

app module.ts

@NgModule({
  declarations: [AppComponent],
  imports: [
    // other imports 
    MatSliderModule,
  ],

然后将我们的HTML

app.component.HTML

更改为如下：

<!-- <router-outlet></router-outlet> -->
<mat-slider min="1" max="100" step="1" value="1"></mat-slider>

---

现在，导航到浏览器，您应该会看到滑块组件。

我用jhipster创建了一个新项目，并检查了在项目根目录下创建的angular.json文件，结果发现该文件包含此片段

  "styles": [],

所以我删除了它并再次运行

ng add @angular/material

---

问题解决了。

我用jhipster创建的一个新项目做了一个小例子，检查了在项目根目录下创建的angular.json文件，结果发现该文件包含这个片段

  "styles": [],

所以我删除了它并再次运行

ng add @angular/material

---

问题消失了。

您是否尝试重新安装了所有内容？请确保安装干净。另外，我是否可以建议您尝试使用NVM？它以前曾帮助我解决过类似问题。您好，谢谢。我下载了node并尝试安装angular（无更新）但是错误仍在显示。您是否可以尝试并执行以下操作：-删除

node_模块

（

rm-rf node_模块

）-手动编辑

package.json

，并在文件中放置以下条目：“@angular/material”：“^8.0.2”在依赖项内部-运行

npm install

如果这样做有效，您将不得不手动配置角度/材质，但至少您会将其作为依赖项添加到项目中。只需确保“更改”了“8.0.2”使用您希望安装的版本。您是否尝试重新安装了所有内容？请确保您的安装是干净的。另外，我建议您尝试使用NVM吗？这对我以前遇到的类似问题有帮助。您好，谢谢。我下载了node并尝试安装angular（无更新）但是错误仍在显示。您是否可以尝试并执行以下操作：-删除

node_模块

（

rm-rf node_模块

）-手动编辑

package.json

，并在文件中放置以下条目：“@angular/material”：“^8.0.2”在依赖项内部-运行

npm install

如果这样做有效，您必须手动配置