Angular4，材料和Angular4

Question

是否有人能够让Angular4、材料和动画(菜单所需的)使用Visual代码。

从github: git克隆https://github.com/angular/quickstart.git下载开始

打开VS代码，编译和运行，它可以工作。

现在使用NPM安装Material2 (2.0.0-beta.8)

现在导入角动画

砰-什么都不编译，欢迎来到节点包地狱。

我还没有找到任何地方可以演示如何做到这一点。

帮个忙就好了。

更多信息

安装：

npm install --save @angular/material @angular/cdk

npm install --save @angular/animations

和systemjs.config

  // other libraries
  'rxjs':                      'npm:rxjs',
  'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js',
  '@angular/material': 'npm:@angular/material/bundles/material.umd.js',
  '@angular/cdk': 'npm:@angular/cdk/bundles/cdk.umd.js',

  '@angular/animations': 'node_modules/@angular/animations/bundles/animations.umd.min.js',
  '@angular/animations/browser':'node_modules/@angular/animations/bundles/animations-browser.umd.js',
  '@angular/platform-browser/animations': 'node_modules/@angular/platform-browser/bundles/platform-browser-animations.umd.js'

**国家预防机制启动**

错误(其中一些)

node_modules/@angular/material/typings/button-toggle/button-toggle.d.ts(32,22): error TS2420: Class 'MdButtonToggleGroup' incorrectly implements interface 'CanDisable'.
  Property 'disabled' is missing in type 'MdButtonToggleGroup'.
node_modules/@angular/material/typings/button-toggle/button-toggle.d.ts(32,50): error TS2507: Type '(new (...args: any[]) => CanDisable) & typeof MdButtonToggleGroupBase' is not a constructor function type.
node_modules/@angular/material/typings/button-toggle/button-toggle.d.ts(91,22): error TS2420: Class 'MdButtonToggleGroupMultiple' incorrectly implements interface 'CanDisable'.
  Property 'disabled' is missing in type 'MdButtonToggleGroupMultiple'.
node_modules/@angular/material/typings/button-toggle/button-toggle.d.ts(91,58): error TS2507: Type '(new (...args: any[]) => CanDisable) & typeof MdButtonToggleGroupBase' is not a constructor function type.
node_modules/@angular/material/typings/button/button.d.ts(55,22): error TS2420: Class 'MdButton' incorrectly implements interface 'CanColor'.
  Property 'color' is missing in type 'MdButton'.
node_modules/@angular/material/typings/button/button.d.ts(55,22): error TS2420: Class 'MdButton' incorrectly implements interface 'CanDisable'.
  Property 'disabled' is missing in type 'MdButton'.
node_modules/@angular/material/typings/button/button.d.ts(55,39): error TS2507: Type '(new (...args: any[]) => CanColor) & (new (...args: any[]) => CanDisable) & typeof MdButtonBase' is not a constructor function type.
node_modules/@angular/material/typings/checkbox/checkbox.d.ts(55,22): error TS2420: Class 'MdCheckbox' incorrectly implements interface 'CanColor'.

Answer 1

请尝试使用此链接http://csharp-video-tutorials.blogspot.sg/2017/05/setting-up-angular-2-in-visual-studio.html，给您一个明确的方式，如何使用角在Visual。虽然它是针对Angular4 2的，但是对于Angular4来说是一样的，没有变化

Answer 2

更新材料版本，这是紧凑的角度version.This将解决这一问题。