找不到模块“@angular/platform-b​​rowser/animations”

我收到错误“[ts] 找不到模块‘@angular/platform-b​​rowser/animations’”。

我已经安装了以下内容：

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

并尝试在 app.module 中导入 BrowserAnimationsModule，如下所示： “从‘@angular/platform-b​​rowser/animations’导入{BrowserAnimationsModule}；”

这是我的 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"
  }

你能告诉我如何纠正这个问题吗？谢谢。

在我看来，您正在尝试将最新版本的 Angular Material 与极其过时的 Angular 版本一起使用。

我建议你要么坚持2.x.xAngular 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
   

   这是 Angular 所必需的v7 and up.

4. 通过运行以下命令将所有 Angular 依赖项更新为 Angular v7+：

   ng update @angular/core
   

应该（希望）就是这样！如果您需要任何说明，请随时发表评论！

注：以上说明改编自官方角度更新指南 https://update.angular.io.