Я новичок в угловой. Я только что установил угловой материал и угловые анимации в моем маленьком проекте и получил некоторые из ошибок

Я просто запускал код npm install --save @angular/material @angular/animations.

Его мой пакет.json

{
  "name": "cerpnew",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.4.6",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/material": "^2.0.0-beta.12",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "@types/angular-material": "^1.1.54",
    "angular-2-dropdown-multiselect": "^1.6.0",
    "angular-2-local-storage": "^1.0.1",
    "bootstrap": "^3.3.7",
    "bootstrap-select": "^1.12.4",
    "core-js": "^2.4.1",
    "jquery": "^3.2.1",
    "ng-checkbox": "^1.0.2",
    "ng2-bootstrap-modal": "^1.0.1",
    "ng2-daterangepicker": "^2.0.10",
    "react-datepicker": "^0.55.0",
    "rxjs": "^5.4.2",
    "select-picker": "^0.3.1",
    "sweetalert": "^2.0.5",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular/cli": "1.4.5",
    "@angular/compiler-cli": "^4.2.4",
    "@angular/language-service": "^4.2.4",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/jquery": "^3.2.13",
    "@types/node": "~6.0.60",
    "codelyzer": "~3.2.0",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.2.0",
    "tslint": "~5.7.0",
    "typescript": "~2.3.3"
  }
}

При запуске ng-serve меня появились следующие ошибки.

ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/select/typings/select.d.ts(9,32): Не удается найти модуль '@angle/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/core/typings/ripple/ripple-renderer.d.ts(9,26): Не удается найти модуль '@angular/cdk/platform'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/autocomplete/typings/autocomplete.d.ts(10,44): Не удается найти модуль '@angle/c dk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/autocomplete/typings/autocomplete-trigger.d.ts(8,32): Не удается найти модуль '@an gular/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/autocomplete/typings/autocomplete-trigger.d.ts(9,67): Не удается найти модуль '@an gular/cdk/overlay'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/button/typings/button.d.ts(9,26): Не удается найти модуль '@angular/cdk/platform'.

ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/button/typings/button.d.ts(11,30): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(11,30): Не удается найти модуль '@angular/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(12,43): Не удается найти модуль '@angular/cdk/collections'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/checkbox/typings/checkbox.d.ts(4,30): Не удается найти модуль '@angle/cdk/a11y'.

ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/chips/typings/chip.d.ts(8,33): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/chips/typings/chip-list.d.ts(8,33): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/chips/typings/chip-list.d.ts(9,32): Не удается найти модуль '@angle/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/chips/typings/chip-list.d.ts(10,32): Не удается найти модуль '@angular/cdk/collect ion'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog-config.d.ts(9,27): Не удается найти модуль '@angular/cdk/bid i'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog-container.d.ts(10,86): Не удается найти модуль '@angle/cdk/portal'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog-container.d.ts(11,34): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog-ref.d.ts(8,28): Не удается найти модуль '@angle/cdk/overla y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog.d.ts(1,62): Не удается найти модуль '@angle/cdk/overlay'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog.d.ts(2,31): Не удается найти модуль '@angular/cdk/portal'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/datepicker/typings/datepicker.d.ts(8,32): Не удается найти модуль '@angle/cdk/bi di'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/datepicker/typings/datepicker.d.ts(9,67): Не удается найти модуль '@angular/cdk/ov erlay'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/expansion/typings/accordion-item.d.ts(9,43): Не удается найти модуль '@angular/cdk/collections'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/expansion/typings/expansion-panel.d.ts(2,43): Не удается найти модуль '@angular/cd k/collections'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/expansion/typings/expansion-panel-header.d.ts(1,30): Не удается найти модуль '@ang ular/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/grid-list/typings/grid-list.d.ts(10,32): Не удается найти модуль '@angular/cdk/bid i'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/input/typings/autosize.d.ts(9,26): Не удается найти модуль '@angular/cdk/platform'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/input/typings/input.d.ts(10,26): Не удается найти модуль '@angle/cdk/platform'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/list/typings/selection-list.d.ts(8,50): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/list/typings/selection-list.d.ts(9,32): Не удается найти модуль '@angular/cdk/coll ections'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/menu/typings/menu-item.d.ts(8,33): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/menu/typings/menu-panel.d.ts(10,27): Не удается найти модуль '@angle/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/menu/typings/menu-directive.d.ts(9,27): Не удается найти модуль '@angle/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/menu/typings/menu-trigger.d.ts(1,43): Не удается найти модуль '@angle/cdk/bidi'.

ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/menu/typings/menu-trigger.d.ts(2,67): Не удается найти модуль '@angular/cdk/overla y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/progress-spinner/typings/progress-spinner.d.ts(10,26): Не удается найти модуль '@a ngular/cdk/platform'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/radio/typings/radio.d.ts(11,43): Не удается найти модуль '@angular/cdk/collections'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/radio/typings/radio.d.ts(12,30): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/select/typings/select.d.ts(8,44): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/core/typings/ripple/ripple.d.ts(9,26): Не удается найти модуль '@angle/cdk/platf orm'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/select/typings/select.d.ts(10,32): Не удается найти модуль '@angle/cdk/collectio ns'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/select/typings/select.d.ts(11,109): Не удается найти модуль '@angle/cdk/overlay'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/sidenav/typings/drawer.d.ts(9,34): Не удается найти модуль '@angular/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/sidenav/typings/drawer.d.ts(10,32): Не удается найти модуль '@angle/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/slide-toggle/typings/slide-toggle.d.ts(9,26): Не удается найти модуль '@angular/cd k/platform'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/slide-toggle/typings/slide-toggle.d.ts(12,30): Не удается найти модуль '@angle/c dk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/slider/typings/slider.d.ts(8,32): Не удается найти модуль '@angle/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/slider/typings/slider.d.ts(12,30): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar-config.d.ts(9,36): Не удается найти модуль '@angle/c dk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar-config.d.ts(10,27): Не удается найти модуль '@angle/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar-container.d.ts(10,70): Не удается найти модуль '@angul ar/cdk/portal'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar-ref.d.ts(8,28): Не удается найти модуль '@angle/cdk/overlay'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar.d.ts(8,31): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar.d.ts(9,25): Не удается найти модуль '@angle/cdk/over lay'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar.d.ts(10,31): Не удается найти модуль '@angle/cdk/por tal'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/sort/typings/sort-header.d.ts(9,30): Не удается найти модуль '@angle/cdk/table'.

ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/stepper/typings/step-label.d.ts(9,30): Не удается найти модуль '@angle/cdk/stepp er'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/stepper/typings/stepper.d.ts(1,37): Не удается найти модуль '@angle/cdk/stepper'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/stepper/typings/stepper-button.d.ts(1,52): Не удается найти модуль '@angle/cdk/s tepper'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/stepper/typings/step-header.d.ts(8,30): Не удается найти модуль '@angular/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/table/typings/cell.d.ts(9,84): Не удается найти модуль '@angle/cdk/table'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/table/typings/table.d.ts(1,26): Не удается найти модуль '@angle/cdk/table'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/table/typings/row.d.ts(1,66): Не удается найти модуль '@angle/cdk/table'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-label.d.ts(9,41): Не удается найти модуль '@angular/cdk/portal'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab.d.ts(8,32): Не удается найти модуль '@angular/cdk/portal'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-body.d.ts(10,53): Не удается найти модуль '@angle/cdk/portal'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-body.d.ts(11,43): Не удается найти модуль '@angle/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-header.d.ts(8,43): Не удается найти модуль '@angle/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-header.d.ts(13,31): Не удается найти модуль '@angle/cdk/scrolli ng'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-nav-bar/tab-nav-bar.d.ts(8,32): Не удается найти модуль '@angular/cdk/биди. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-nav-bar/tab-nav-bar.d.ts(9,26): Не удается найти модуль '@angular/cdk/Платформа'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-nav-bar/tab-nav-bar.d.ts(10,31): Не удается найти модуль '@angula r/cdk/прокрутка. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tooltip/typings/tooltip.d.ts(9,31): Не удается найти модуль '@angle/cdk/a11y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tooltip/typings/tooltip.d.ts(10,32): Не удается найти модуль '@angle/cdk/bidi'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tooltip/typings/tooltip.d.ts(11,156): Не удается найти модуль '@angle/cdk/overla y'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tooltip/typings/tooltip.d.ts(12,26): Не удается найти модуль '@angle/cdk/platfor m'. ОШИБКА в E: /angular2/CERPNEW/node_modules/@angular/material/tooltip/typings/tooltip.d.ts(13,34): Не удается найти модуль '@angular/cdk/scrolli ng'. ERROR in Error: Ошибка при обнаружении значений символа. Не удалось разрешить @angular/cdk/наблюдателей относительно E: /angular2/CER PNEW/node_modules/@angular/material/checkbox/typings/index.d.ts., Разрешающий символ MatCheckboxModule в E: /angular2/CERPNEW/node_modules/@angular/material/checkbox/typings/index.d.ts, разрешающий символ MatCheckboxModule в E: /angular2/CERPNEW/node_modules/@angular/material/che ckbox/typings/index.d.ts при синтаксисеError (E:\angular2\CERPNEW\node_modules\@angular\compiler\bundles\compiler.umd.js: 1729: 34) в simplifyInContext (E:\angleular2\CERPNEW\node_modules\@angular\compiler\bundles\compiler.umd.js: 25118: 23 ) в StaticReflector.simplify(E:\angleular2\CERPNEW\node_modules\@angular\compiler\bundles\compiler.umd.js: 25130: 13) в StaticReflector.annotations(E:\angleular2\CERPNEW\node_modules\@angular\compiler\bundles\compiler.umd.js: 24558: 41) в _getNgModuleMetadata (E:\angleular2\CERPNEW\node_modules\@angular\compiler-cli\src\ngtools_impl.js: 138: 31) в _extractLazyRoutesFromStaticModule (E:\angleular2\CERPNEW\node_modules\@angular\с ompiler-cli\src\ngtools_impl.js: 109: 26) в E:\angular2\CERPNEW\node_modules\@angular\compiler-cli\src\ngtools_impl.js: 129: 27 в Array.reduce() в _extractLazyRoutesFromStaticModule (E :\angular2\CERPNEW\node_modules\@angular\compiler-cli\src\ngtools_impl.js: 128: 10) в Object.listLazyRoutesOfModule(E:\angleular2\CERPNEW\node_modules\@angular\compiler-cli\src\ngtools_impl. js: 53: 22) в Function.NgTools_InternalApi_NG_2.listLazyRoutes(E:\angular2\CERPNEW\node_modules\@angular\compiler-cli\src\ngtools_api.js: 91: 39) в AotPlugin._getLazyRoutesFromNgtools (E:\angleular2\CERPNEW\node_modules\@ngtools\webpack\src\plugin.js: 207: 44) в _donePromise.Promise.resolve.then.then.then.then.then(E:\angleular2\CERPNEW\node_modules\@ngtools\webpack\src\plugin.js: 443: 24) на этапе process._tickCallback (internal/process/next_tick.js: 188: 7)

Ответы

Ответ 1

вы должны установить необходимую библиотеку @angular/cdk, чтобы исправить использование новейшего @углового/материала.

Вы можете сделать это по команде:

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

Ответ 2

Зайдите в проект Workspace или Angular, с которым вы работаете, откройте командную строку и выполните следующую команду:

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

Если ошибка все еще не устранена, попробуйте очистить кеш с помощью данной команды:

очистка кэша npm --force

Другой подход к очистке кэша - удаление его из файловой системы вручную.

C:\Users\%USER_PROFILE_NAME%\AppData\Roaming\NPM-кэш

Попробуйте удалить все из указанного выше местоположения, затем повторите

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

Надеюсь, это решит вашу проблему, и ngServe покажет сообщение об успешной компиляции проекта.

Ответ 3

Есть вопросы, которые пакет останавливает и спрашивает перед установкой, а я этого не осознавал. Я начал работать в другом терминале/окне. Когда я получил эти сообщения об ошибках, я не понял, что пакет завис на этих вопросах в первом терминале, и как только я ответил на них, пакет был установлен, и эти ошибки исчезли.