Question

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

由于以下错误：

发出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"
  }
}

我需要测试角材料组件的帮助

Answer 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得到了这个解决方案。让我知道这是否适合您。

Answer 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"    
  },

Answer 3

尝试使用以下命令：

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

解决我的角度为6的问题

我有一个错误的角度材料，请运行项目

3 个答案: