“@angular/compiler-cli”包未正确安装

将我的项目升级到角4.0（来自 2.4）与角度 CLI 1.0（来自 beta.31），按照以下步骤后出现以下错误迁移指南 https://github.com/angular/angular-cli/wiki/stories-1.0-update:

> ng build --prod

The "@angular/compiler-cli" package was not properly installed.
Error: The "@angular/compiler-cli" package was not properly installed.
    at Object.<anonymous> (/home/jan/src/fm-repos/fm-ui/node_modules/@ngtools/webpack/src/index.js:14:11)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/home/jan/src/fm-repos/fm-ui/node_modules/@angular/cli/tasks/eject.js:10:19)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)

迁移后我的角度依赖关系：

"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/compiler-cli": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/router": "^4.0.0",
"@angular/cli": "1.0.0",
"@angular/material": "2.0.0-beta.3",

Note：这个类似的问题是关于角2项目：Angular2 CLI 错误“@angular/compiler-cli”软件包未正确安装 https://stackoverflow.com/questions/42925690/angular2-cli-error-angular-compiler-cli-package-was-not-properly-installed

确保您有打字稿 2.2在你的package.json并确保您的tsconfig已正确更新。

Details:

安装 Angular CLI 1.0 后，创建一个新的虚拟项目：

ng new dummy

然后删除node_modules目录：

rm -rf ./dummy/node_modules
rm -rf ./myproject/node_modules

and diff之间的变化dummy项目和您的项目：

diff -bur ./dummy/ ./myproject/

在众多更改中，对我来说解决此错误所需的关键更改是 TypeScript 和tsconfig变化：

package.json:

"typescript": "~2.0.3" ==> "typescript": "~2.2.0"

.angular-cli.json

Change:

"tsconfig": "tsconfig.json"

to:

"tsconfig": "tsconfig.app.json",
"testTsconfig": "tsconfig.spec.json",

并从您的文件中添加这些新文件dummy项目，并安装你的包：

npm install