Angular 找不到模块'@角度/平台浏览器/动画'；

我得到错误“[ts]找不到模块'@angular/platform browser/animations'。”

我已安装以下设备：

npm安装——保存@angular/material@angular/cdk

npm安装--保存@angular/animations

并尝试在app.module中导入BrowserAnimationsModule，如下所示： “从'@angular/platform browser/animations'导入{BrowserAnimationsModule}；”

这在my 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"
  }

---

你能告诉我怎么改正吗？谢谢。

您的

包.json

文件中的

@angular

依赖项未对齐。根据您的配置，

@angular/animations

是

^7.0.1

，而所有其他

@angular/*

库都设置为

^2.4.0

您应该对所有的

@angular

作用域包使用相同的semver。如果决定更新，您可能必须将typescript和其他一些库升级到

“依赖项”：{
“@agm/core”：“^1.0.0-beta.0”，
“@angular/animations”：“^7.0.1”，
“@angular/cdk”：“^7.0.2”，
@angular/common:“^2.4.0”，//应为“^7.0.1”
@angular/compiler:“^2.4.0”，//应为“^7.0.1”
“@angular/core”：“^2.4.0”，//应为“^7.0.1”
@angular/forms:“^2.4.0”，//应为“^7.0.1”
@angular/http:“^2.4.0”，//应为“^7.0.1”
“@angular/material”：“^7.0.2”，
@angular/platform浏览器“^2.4.0”，//应为“^7.0.1”
@angular/platform browser dynamic:“^2.4.0”，//应为“^7.0.1”
@angular/router:“^3.4.0”，//应为“^7.0.1”
//等

在我看来，您试图将最新版本的Angular Material与极为过时的Angular Material结合使用

我建议您要么坚持使用Angular Material和Angular CDK的

2.x.x

版本，要么遵循以下步骤：

注#1：除非明确说明，否则所有命令都应在项目的根目录中运行

注意#2：请不要复制命令中的注释（即

#

符号及其后的文本）。它们用于解释命令的功能

---

通过运行以下命令重新安装Angular CLI以安装最新版本：

npm i-g@angular/cli#全局安装angular cli
npm i@angular/cli#本地安装angular cli（到您的项目中）

通过运行以下命令，将Angular项目文件更新为新的Angular CLI v6+工作区文件：

ng更新@angular/cli

通过运行以下命令安装最新版本的TypeScript（

v3.1.1

）：

npm i-Dtypescript@latest

这对于角度

v7

及以上的车辆是必需的

通过运行以下命令，将所有角度相关性更新为Angular v7+：

ng更新@angular/core

应该（希望如此）了！如果您需要任何澄清，请不要犹豫，留下评论

---

注意：上面的说明是根据官方的说明改编的。

我遵循了这一点，然后运行了npm安装，但我遇到了一个on ng serve错误，如下所示：serve命令需要在Angular项目中运行，但找不到项目定义。@Ibanez1408这是因为您可能仍在使用旧的Angular CLI项目JSON文件。