無法導入angular材料

Question

嘗試導入 angular 材料時出現以下錯誤

  File 'c:/Workspace/phone-app/node_modules/@angular/material/index.d.ts' is not a module.ts(2306)

基於@angular/material/index.d.ts' 不是其他線程的模塊，我已將導入更改為

  import {MatPaginator, MatSort} from '@angular/material/MatSort';

但是我仍然收到此錯誤：

        Cannot find module '@angular/material/MatSort'.ts(2307)

這是我的 package.json 文件：

{
 "name": "phone-app",
  "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": "~9.1.0",
"@angular/common": "~9.1.0",
"@angular/compiler": "~9.1.0",
"@angular/core": "~9.1.0",
"@angular/forms": "~9.1.0",
"@angular/material": "^9.2.0",
"@angular/platform-browser": "~9.1.0",
"@angular/platform-browser-dynamic": "~9.1.0",
"@angular/router": "~9.1.0",
"bootstrap": "^4.4.1",
"rxjs": "~6.5.4",
"tslib": "^1.10.0",
"zone.js": "~0.10.2"
 },
 "devDependencies": {
"@angular-devkit/build-angular": "~0.901.0",
"@angular/cli": "~9.1.0",
"@angular/compiler-cli": "~9.1.0",
"@angular/language-service": "~9.1.0",
"@types/node": "^12.11.1",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "^5.1.2",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.4.1",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~3.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"protractor": "~5.4.3",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~3.8.3"
 }
}

Answer 1

npm install --save @angular/material @angular/cdk

並在您的模塊文件中導入 MatSort。