找不到模块@角/平台-浏览器/动画

Question

我得到的错误是"ts找不到模块‘@角/平台-浏览器/动画’“。

我安装了以下设备：

1. npm安装-保存“角/料”角/cdk
2. npm安装-保存@转角/动画

并尝试将BrowserAnimationsModule导入到app.module中，如下所示：“将{ BrowserAnimationsModule }从‘@angular/platform-browser/动画’导入；”

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

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

Answer 1

在我看来，你在尝试使用最新版本的角质材料，而角度的版本却非常过时。

我建议您要么坚持角材料和角CDK的2.x.x版本，要么遵循以下步骤：

注1:除非明确声明，否则所有命令都应该在项目的根中运行。

注2:请不要在命令中复制注释(也就是#符号和后面的文本)。他们在那里解释命令是做什么的。

1. 通过运行以下命令，重新安装角CLI以安装最新版本： npm i -g @ar角/ CLI #全局安装角CLI npm @ Angular /cli #本地安装角CLI(到您的项目)
2. 通过运行以下命令，将您的角项目文件更新为新的角CLI v6+工作区文件： ng update @角/cli
3. 通过运行以下命令，安装TypeScript (v3.1.1)的最新版本： npm i -D类型记录@最新 这是需要角v7和向上。
4. 通过运行以下命令，将所有角依赖项更新为角v7+： 更新@角/核心

那应该是(希望)是它！如果你需要任何澄清，不要犹豫留下评论！

注:以上说明来自官方的角度更新指南。

Answer 2

您的@angular文件中的package.json依赖项没有对齐。从您的配置来看，@angular/animations是^7.0.1，而所有其他@angular/*库都设置为^2.4.0。

对于所有@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