Angular ng 服务错误“@angular/compiler-cli”包未正确安装答案

【问题标题】：Angular ng serve error the "@angular/compiler-cli" package was not properly installedAngular ng 服务错误“@angular/compiler-cli”包未正确安装
【发布时间】：2017-06-25 22:20:17
【问题描述】：

我知道这是一个常见问题，但我无法解决我的问题。我使用 nvm 安装了 node 和 npm，都是最新的，我将我的存储库从 https://github.com/CHBaker/First-Angular-App 克隆到桌面然后我安装 ng cli 并做服务得到这个错误。

我已经在许多线程中执行了有关此问题的步骤，包括此线程 Angular2 CLI error "@angular/compiler-cli" package was not properly installed

终端错误： Charless-MacBook-Pro:First-Angular-App charlesbaker$ ng serve The "@angular/compiler-cli" package was not properly installed. Error: The "@angular/compiler-cli" package was not properly installed. at Object.<anonymous> (/Users/charlesbaker/.nvm/versions/node/v8.1.2/lib/node_modules/@angular/cli/node_modules/@ngtools/webpack/src/index.js:14:11) at Module._compile (module.js:569:30) at Object.Module._extensions..js (module.js:580:10) at Module.load (module.js:503:32) at tryModuleLoad (module.js:466:12) at Function.Module._load (module.js:458:3) at Module.require (module.js:513:17) at require (internal/module.js:11:18) at Object.<anonymous> (/Users/charlesbaker/.nvm/versions/node/v8.1.2/lib/node_modules/@angular/cli/tasks/eject.js:10:19) at Module._compile (module.js:569:30) at Object.Module._extensions..js (module.js:580:10) at Module.load (module.js:503:32) at tryModuleLoad (module.js:466:12) at Function.Module._load (module.js:458:3) at Module.require (module.js:513:17) at require (internal/module.js:11:18) Charless-MacBook-Pro:First-Angular-App charlesbaker$

【问题讨论】：

您是否尝试仅卸载并重新安装损坏的软件包？它为我修复了它。另外，请提供更多信息，例如您的操作系统和节点/npm 版本。
我没有。我对角度很陌生，你采取了哪些步骤来做到这一点？损坏的包只是角度编译器cli吗？我的节点和 npm 版本是 v8.1.2 和 5.0.3，运行 OS Sierra 10.12.5
感谢您的信息，我已在答案中进行了解释。
卸载并重新安装 @angular/compiler-cli 后，我收到以下错误 `` ENOENT: no such file or directory, stat '/Users/charlesbaker/Desktop/First-Angular-App/ src/tsconfig.app.json' ``` 当我将 src/tsconfig.json 更改为 tsconfig.app.json 时，它可以工作。这只是一个糟糕的解决方法吗？处理这个问题的“正确”方法是什么？

标签： angular

【解决方案1】：

要重新安装编译器-cli，请按以下步骤操作：

在项目的根目录下打开终端并执行以下命令：

npm 卸载 @angular/compiler-cli
npm install --save-dev @angular/compiler-cli

【讨论】：

卸载并重新安装 @angular/compiler-cli 后，我收到以下错误 `` ENOENT: no such file or directory, stat '/Users/charlesbaker/Desktop/First-Angular-App/ src/tsconfig.‌app.json' ``` 当我将 src/tsconfig.json 更改为 tsconfig.app.json 时，它可以工作。这只是一个糟糕的解决方法吗？处理这个问题的“正确”方法是什么？
我认为这不应该发生，您的项目可能以某种方式中断。如果一切正常，但您可以尝试重新安装整个项目，删除您的 node_modules 文件夹，然后删除 npm install --save-dev @angular/cli 和 npm install
我试过了，但没有运气。不知道发生了什么，但不知何故，我只是有几个依赖项或其他东西的旧版本。感谢您的帮助

【解决方案2】：

对于我来说，当我遇到同样的问题时，我只是进入我的项目文件夹并再次执行 ng-serve 命令。这解决了我的问题。

【讨论】：

【解决方案3】：

通过将 src/tsconfig.json 更改为 tsconfig.app.json 进行了修复，我通过运行 ng new TESTAPP 并比较文件名将其与测试项目进行了比较。 tsconfig.app.json 是截至（2017 年 6 月 25 日）最新版本的更新名称

【讨论】：

我将 @angular/compiler-cli 从 devdependencies 中删除为依赖项，并将 tsconfig.app.json 重命名为 tsconfig.json。然后一切都开始工作了。