使用 angular-cli + angular material 编译错误

Question

我正在使用 angular metirials 和 angular-cli 通过使用 this guide并在运行 ng serve 命令时处理此错误
： 环境上下文中不允许使用初始化器

我认为我的软件包版本有问题，但我未能修复它

我的package.json

  "dependencies": {
    "@angular/common": "^2.3.1",
    "@angular/compiler": "^2.3.1",
    "@angular/core": "^2.3.1",
    "@angular/forms": "^2.3.1",
    "@angular/http": "^2.3.1",
    "@angular/material": "^2.0.0-beta.3",
    "@angular/platform-browser": "^2.3.1",
    "@angular/platform-browser-dynamic": "^2.3.1",
    "@angular/router": "^3.3.1",
    "@angular2-material/button": "^2.0.0-alpha.8-3",
    "@angular2-material/core": "^2.0.0-alpha.8-3",
    "core-js": "^2.4.1",
    "rxjs": "^5.0.1",
    "ts-helpers": "^1.1.1",
    "zone.js": "^0.7.2"
  },
  "devDependencies": {
    "@angular/compiler-cli": "^2.3.1",
    "@types/jasmine": "2.5.38",
    "@types/node": "^6.0.42",
    "angular-cli": "1.0.0-beta.28.3",
    "codelyzer": "~2.0.0-beta.1",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "2.5.0",
    "karma": "1.2.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-remap-istanbul": "^0.2.1",
    "protractor": "~4.0.13",
    "ts-node": "1.2.1",
    "tslint": "^4.3.0",
    "typescript": "~2.0.3"
  }
}

注释

我按照我应该的方式将 MetirialModule 导入了 app.module.ts
我将以下链接导入到 style.css
'~@angular/material/core/theming/prebuilt/deeppurple-amber.css'; '~https://fonts.googleapis.com/icon?family=Material+Icons';

我的错误：

Answer 1

您需要 "typescript": package.json dev-dependencies

中的“2.1.0”

Answer 2

我尝试了不同的方法来解决这个问题，它对我有用：

我 使用 this 指南更新了 angular-cli 版本
注意：不确定这是否是必须的步骤，但它为我解决了问题
使用新的 cli 版本创建了新的应用程序
使用this指南安装资料包

Answer 3

将您的 Typescript 更新到最新版本，使用此命令：

npm install -g typescript@latest

现在运行再次使用 'ng serve' 申请。它应该有效。

如果不起作用，请关注https://github.com/angular/angular-cli/wiki/stories-1.0-update 并再次安装@angular/material。您可能会收到此错误“无法找到模块‘@angular/animations’”。在这种情况下，请使用以下命令：

npm install @angular/animations

使用 angular-cli + angular material 编译错误

Error Compilation with angular-cli + angular material

angular-cli

angular-material2

angular