我有一个错误 Angular 材料，运行项目答案

【问题标题】：I have a error Angular material, run project我有一个错误 Angular 材料，运行项目
【发布时间】：2020-01-28 05:00:54
【问题描述】：

我从角材料开始，我有一个测试项目，但我无法运行它。

由于以下错误：

发出 ng s 命令时出现以下错误

错误 node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(181,21)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/button/typings/button.d.ts(32,44)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/checkbox/typings/checkbox.d.ts(142,43)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/chips/typings/chip-input.d.ts(66,21)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/chips/typings/chip-list.d.ts(203,21)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/chips/typings/chip-list.d.ts(205,27)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/chips/typings/chip-text-control.d.ts(19,21)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/expansion/typings/expansion-panel-header.d.ts(55,43)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/input/typings/input.d.ts(108,21): 错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/list/typings/selection-list.d.ts(138,21)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/menu/typings/menu-item.d.ts(36,43)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/menu/typings/menu-trigger.d.ts(103,43)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/radio/typings/radio.d.ts(198,21): 错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/select/typings/select.d.ts(334,21)：错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/slide-toggle/typings/slide-toggle.d.ts(109,21): 错误 TS2304：找不到名称“FocusOptions”。 node_modules/@angular/material/slider/typings/slider.d.ts(87,21)：错误 TS2304：找不到名称“FocusOptions”。

我已经删除了我的 node_modules，我已经安装了 angular cli angular cdk 我已经删除并重新安装了它，但没有任何效果，我已经更新了依赖项，但什么也没有。

我使用过的命令

ng update @angular/cli @angular/core
npm install -g @angular/cli
npm uninstall -g @angular/cli
npm install -g @angular/cli @latest
npm install --save @angular/material @angular/cdk

这些似乎都不起作用。

根据 Package.json

我的版本

{
  "name": "angular-material-lab",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^6.1.0",
    "@angular/cdk": "^8.2.1",
    "@angular/common": "^6.1.0",
    "@angular/compiler": "^6.1.0",
    "@angular/core": "^6.1.0",
    "@angular/forms": "^6.1.0",
    "@angular/http": "^6.1.0",
    "@angular/material": "^8.2.1",
    "@angular/platform-browser": "^6.1.0",
    "@angular/platform-browser-dynamic": "^6.1.0",
    "@angular/router": "^6.1.0",
    "core-js": "^2.5.4",
    "hammerjs": "^2.0.8",
    "rxjs": "^6.5.3",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.7.0",
    "@angular/cli": "~6.1.4",
    "@angular/compiler-cli": "^6.1.0",
    "@angular/language-service": "^6.1.0",
    "@types/jasmine": "~2.8.6",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.2.1",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~1.7.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.0",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~5.0.1",
    "tslint": "~5.9.1",
    "typescript": "~2.7.2"
  }
}

我需要帮助我想测试一个角材料组件

【问题讨论】：

标签： angular-material

【解决方案1】：

遇到了同样的问题，通过使用以下角度材料版本更新 package.json 并运行 npm install 解决了它。

"@angular/core": "^7.2.15",
"@angular/animations": "^7.2.15",
"@angular/material": "^7.3.3",
"@angular/cdk": "^7.3.7",

我从here 得到了这个解决方案。让我知道这是否适合您。

【讨论】：

【解决方案2】：

我面临的真正问题是角芯的不匹配一旦我将其更改为相同的版本和角度材料版本像魅力一样工作。该错误可能来自于您将 @angular/material 设置为 6.0.0，但所有其他 Angular 软件包为 5.x。您应该始终确保材料主要版本与 Angular 的主要版本匹配。

我必须打开我的 package.json 文件

 "dependencies": {
    "@angular/core": "^6.1.0",
    "@angular/cdk": "^8.2.1",
    "@angular/material": "^8.2.1"    
  },

只需将这些更改为其他角度组件的当前版本即可。

 "dependencies": {
    "@angular/core": "^6.1.0",
    "@angular/cdk": "^6.1.0",
    "@angular/material": "^6.1.0"    
  },

【讨论】：

【解决方案3】：

尝试使用以下命令：

npm install @angular/cdk@6.0.0
npm install @angular/material@6.0.0
npm install @angular/animation@6.0.0

解决我的角度 6 问题

【讨论】：