Не удается найти модуль '@ angular / platform-browser / animations' - PullRequest
0 голосов
/ 28 октября 2018

Я получаю сообщение об ошибке "[ts] Не удается найти модуль '@ angular / platform-browser / animations'."

Я установил следующее:

  1. npm install--save @ angular / material @ angular / cdk
  2. npm install --save @ angular / animations

и попробуйте импортировать модуль BrowserAnimationsModule в app.module следующим образом: "import {BrowserAnimationsModule} из '@ angular / platform-browser / animations'; "

Это в моем package.json

"dependencies": {
    "@agm/core": "^1.0.0-beta.0",
    "@angular/animations": "^7.0.1",
    "@angular/cdk": "^7.0.2",
    "@angular/common": "^2.4.0",
    "@angular/compiler": "^2.4.0",
    "@angular/core": "^2.4.0",
    "@angular/forms": "^2.4.0",
    "@angular/http": "^2.4.0",
    "@angular/material": "^7.0.2",
    "@angular/platform-browser": "^2.4.0",
    "@angular/platform-browser-dynamic": "^2.4.0",
    "@angular/router": "^3.4.0",
    "animate.css": "^3.5.2",
    "arrive": "^2.3.1",
    "bootstrap": "^3.3.5",
    "bootstrap-notify": "^3.1.3",
    "bootstrap-select": "^1.12.2",
    "bootstrap-tagsinput": "^0.7.1",
    "chartist": "^0.9.4",
    "chartist-plugin-zoom": "^0.4.0",
    "chartjs-plugin-zoom": "^0.5.0",
    "core-js": "^2.4.1",
    "datatables": "1.10.12",
    "datatables.net-bs": "1.10.12",
    "datatables.net-responsive": "^2.1.1",
    "domready": "^1.0.8",
    "eonasdan-bootstrap-datetimepicker": "4.17.47",
    "fullcalendar": "^3.4.0",
    "googleapis": "^19.0.0",
    "jasny-bootstrap": "^3.1.3",
    "jquery": "^1.12.4",
    "nouislider": "^9.2.0",
    "rxjs": "^5.1.0",
    "twitter-bootstrap-wizard": "^1.2.0",
    "validate": "^3.0.1",
    "web-animations-js": "^2.2.2",
    "zone.js": "^0.7.6"
  },
  "devDependencies": {
    "@angular/cli": "1.0.0",
    "@angular/compiler-cli": "^2.4.0",
    "@types/bootstrap": "^3.3.32",
    "@types/chartist": "^0.9.34",
    "@types/jasmine": "2.5.38",
    "@types/jquery": "^1.10.31",
    "@types/node": "^6.0.73",
    "codelyzer": "~2.0.0",
    "jasmine-core": "~2.5.2",
    "jasmine-spec-reporter": "~3.2.0",
    "karma": "~1.4.1",
    "karma-chrome-launcher": "~2.0.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^0.2.0",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.0",
    "ts-node": "~2.0.0",
    "tslint": "~4.5.0",
    "typescript": "~2.0.0"
  }

Не могли бы вы показать мне, как это исправить?Спасибо.

Ответы [ 2 ]

0 голосов
/ 28 октября 2018

Мне кажется, что вы пытаетесь использовать последнюю версию Angular Material с крайне устаревшими версиями Angular.

Я предлагаю вам либо использовать 2.x.x версии Angular Material и Angular CDK, либо выполнить следующие действия:

Примечание # 1: Все команды должны выполняться в корне вашего проекта, если это не указано явно.

Примечание # 2: Пожалуйста, не копируйте комментарии (или символ # и текст после него) в командах. Они там для объяснения, что делает команда.


  1. Переустановите Angular CLI, чтобы установить последнюю версию, выполнив следующие команды:

    npm i -g @angular/cli # Globally installs the Angular CLI
    npm i @angular/cli # Locally installs the Angular CLI (to your project)
    
  2. Обновите файл проекта Angular до нового файла рабочей области Angular CLI v6 +, выполнив следующую команду:

    ng update @angular/cli
    
  3. Установите последнюю версию TypeScript (v3.1.1), выполнив следующую команду:

    npm i -D typescript@latest
    

    Требуется для угловых v7 и выше.

  4. Обновите все ваши Angular-зависимости до Angular v7 +, выполнив следующую команду:

    ng update @angular/core
    

Так и должно быть (надеюсь)! Если вам нужны какие-либо разъяснения, не стесняйтесь оставлять комментарии!

Примечание. Приведенные выше инструкции взяты из официального Angular Update Guide .

0 голосов
/ 28 октября 2018

Зависимости @angular в вашем файле package.json не выровнены.В вашей конфигурации @angular/animations - это ^7.0.1, в то время как для всех остальных библиотек @angular/* установлено значение ^2.4.0.

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

"dependencies": {
  "@agm/core": "^1.0.0-beta.0",
  "@angular/animations": "^7.0.1",
  "@angular/cdk": "^7.0.2",
  "@angular/common": "^2.4.0",                   // should be "^7.0.1"
  "@angular/compiler": "^2.4.0",                 // should be "^7.0.1"
  "@angular/core": "^2.4.0",                     // should be "^7.0.1"
  "@angular/forms": "^2.4.0",                    // should be "^7.0.1"
  "@angular/http": "^2.4.0",                     // should be "^7.0.1"
  "@angular/material": "^7.0.2",
  "@angular/platform-browser": "^2.4.0",         // should be "^7.0.1"
  "@angular/platform-browser-dynamic": "^2.4.0", // should be "^7.0.1"
  "@angular/router": "^3.4.0",                   // should be "^7.0.1"
                                                 // etc
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...