2017-10-13 96 views
1

我是新的角度和材料设计。来自iOS开发,这对我来说很难。我在我的公司有项目,我正在为Angular寻找材料设计版本2.0.0-beta.7的文档。我知道有很好的网站here与每个组件的文档,但我注意到,这是为2.0.0-beta.12版本,例如所有前缀Md更改为垫。我尝试更新马里兰州到2.0.0版本,beta.12但后来我在我的项目有问题,这样的:适用于版本2.0.0-beta.7的Angular 2文档的材料设计

npm WARN @angular/[email protected] requires a peer of @angular/[email protected]~4.4.4 but none was installed. 
npm WARN @angular/[email protected] requires a peer of @angular/[email protected]~4.4.4 but none was installed. 
npm WARN @angular/[email protected] requires a peer of @angular/[email protected]~4.4.4 but none was installed. 
npm WARN @angular/[email protected] requires a peer of @angular/[email protected]~4.4.4 but none was installed. 

在这一刻,我停下来,因为我怕,因为我没有足够的经验在这个有棱角的世界里存在这样的问题,我摔倒了,我失去了一些东西。我不想更新所有@ angular/core等,因为在当前的项目中一切正常。我们只需要使用Material Design添加更多的组件,并且由于我正在学习它,所以我需要我的版本的文档,因为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" 
    } 
+1

由于其他意见提到,你应该真的推进并尝试将其更新到beta.12。从@ angular/* 4.2.4升级到4.4.4不会导致任何中断更改,但是您必须查看Material changelog。如果您决定不升级,可以查看[source here](https://github.com/angular/material2/tree/2.0.0-beta.7),并查看每个组件的README文件和例子。 –

+0

谢谢。我将核心更新至4.4.5,并且该项目正常运行。然后我更新了材料,我不得不在代码中进行更改。前缀从Md到Mat等,但嘿它的作品! :) –

回答

1

因为角材料2版公测11,图书馆现在需要角4.4.3或更高版本,所以你应该更新到最新版本的角解决问题。这里是一个很好的网站,让你选择你目前正在使用和版本,你要哪个版本升级,给你所有必需的步骤:


Angular Update Guide


enter image description here

+0

感谢您的链接。我遵循这个工具,但现在我知道我不应该触摸打字稿,因为最后一个版本在其他依赖项中产生了很多错误。编译器cli和打字稿应该在devDependencies中。这个工具应该在输入上得到package.json,并且应该基于这个来产生需要的步骤。但感谢有关此工具的信息。 –

0

如果你仔细看看你的package.json,你会发现你必须将你的@ angular/core从4.2.3更新到〜4.4.4。这同样适用于@角/共同

试试这个

在Linux/Mac上:

npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest [email protected] --save

在Windows上: npm install @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] @angular/[email protected] [email protected] --save

+0

@ angular/compiler-cli应该依赖于还是devDependencies?同样的问题打字稿?更新打字稿后,但在devDependencies中,我有很多错误。 –