版本2.0.0-beta.7的Angular 2文档的材料设计

我对角度和材料设计是新手。来自iOS开发，这对我来说很难。我在我的公司有一个项目，我正在寻找材料设计版本2.0.0-beta.7的文档。我知道有一个很好的网站，上面有每个组件的文档，但我注意到这是针对2.0.0-beta.12版本的，例如，所有前缀Md都改为Mat。我试图将Md更新为2.0.0-beta.12版，但在我的项目中出现了如下问题：

npm WARN @angular/cdk@2.0.0-beta.12 requires a peer of @angular/core@~4.4.4 but none was installed.
npm WARN @angular/cdk@2.0.0-beta.12 requires a peer of @angular/common@~4.4.4 but none was installed.
npm WARN @angular/material@2.0.0-beta.12 requires a peer of @angular/core@~4.4.4 but none was installed.
npm WARN @angular/material@2.0.0-beta.12 requires a peer of @angular/common@~4.4.4 but none was installed.

在这一刻，我停了下来，因为我害怕，因为我没有足够的经验来处理这种角度世界的问题，我觉得我错过了一些东西。我不想更新所有@angular/core等，因为在当前项目中，一切都正常运行。我们只需要添加更多使用材料设计的组件，因为我正在学习它，我需要我的版本的文档，因为beta.12与我注意到的非常不同。所以我回到beta.7版本，所以项目又开始运行了。这个版本的文档在哪里？如何找到它

这是我的package.json deps和devDeps：

"dependencies": {
    "@angular/animations": "4.2.3",
    "@angular/common": "4.2.3",
    "@angular/compiler": "4.2.3",
    "@angular/core": "4.2.3",
    "@angular/flex-layout": "2.0.0-beta.8",
    "@angular/forms": "4.2.3",
    "@angular/http": "4.2.3",
    "@angular/material": "^2.0.0-beta.7",
    "@angular/platform-browser": "4.2.3",
    "@angular/platform-browser-dynamic": "4.2.3",
    "@angular/router": "4.2.3",
    "ag-grid": "^13.3.1",
    "ag-grid-angular": "^13.3.0",
    "core-js": "2.4.1",
    "hammerjs": "2.0.8",
    "rxjs": "5.4.1",
    "zone.js": "0.8.12"
  },
  "devDependencies": {
    "@angular/cli": "1.1.3",
    "@angular/compiler-cli": "4.2.3",
    "@types/jasmine": "2.5.45",
    "@types/node": "6.0.78",
    "@types/hammerjs": "2.0.34",
    "codelyzer": "3.0.1",
    "jasmine-core": "2.6.4",
    "jasmine-spec-reporter": "4.1.1",
    "karma": "1.7.0",
    "karma-chrome-launcher": "2.1.1",
    "karma-cli": "1.0.1",
    "karma-jasmine": "1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "karma-coverage-istanbul-reporter": "1.3.0",
    "protractor": "5.1.2",
    "ts-node": "3.0.6",
    "tslint": "5.3.2",
    "typescript": "2.3.4"
  }

---

由于Angular Material 2版本beta 11，该库现在需要Angular 4.4.3或更高版本，因此您应该更新到Angular的最新版本以解决此问题。这是一个很好的网站，可以让您选择当前使用的版本以及要升级到的版本，并提供所有必需的步骤：

---

---

---

如果仔细查看package.json，您会发现必须将@angular/core从4.2.3更新到~4.4.4。这同样适用于@angular/common

试试这个

在Linux/Mac上：

npm install@angular/{common，compiler，compiler cli，core，forms，http，平台浏览器，平台浏览器动态，平台服务器，路由器，动画}@latesttypescript@latest--保存

在Windows上：

---

npm安装@angular/common@latest@棱角/compiler@latest@angular/compiler-cli@latest@棱角/core@latest@棱角/forms@latest@棱角/http@latest@角度/平台-browser@latest@角度/平台浏览器-dynamic@latest@角度/平台-server@latest@棱角/router@latest@棱角/animations@latest typescript@latest --另存

正如其他评论所提到的，您应该真正完成并尝试将其更新到beta.12。从@angular/*4.2.4升级到4.4.4不会导致任何中断更改，但您必须查看材料更改日志。如果您决定不升级，您可以查看并查看每个组件的自述文件和示例。谢谢。我将core更新为4.4.5，项目工作正常。然后我更新了材料，我被迫在代码上做了很多修改。从Md到Mat等的前缀，但它可以工作@angular/compiler cli应该处于依赖项还是devdependency中？打字稿也有同样的问题吗？在更新typescript之后，但是在devDependencies中，我有很多错误。谢谢链接。我使用了这个工具，但现在我知道我不应该碰typescript，因为上一个版本在其他依赖项中产生了很多错误。此外，编译器cli和typescript应位于devdependences中。此工具应在输入上获取package.json，并应基于此生成所需的步骤。但是谢谢你提供关于这个工具的信息。