@angular/cli 安装后不工作答案

【问题标题】：@angular/cli not working after installation@angular/cli 安装后不工作
【发布时间】：2017-10-16 11:33:17
【问题描述】：

我已经在我的 MacBook 机器上安装了 @angular/cli。节点服务器版本为 v6.9.5，npm 版本为 3.10.10。我已经运行了以下命令来安装@angular/cli。

sudo npm install -g @angular-cli

当我运行 ng help 命令或 ng 的任何命令时。它向我显示以下错误

解析 .angular-cli.json 失败。请确保您的 .angular-cli.json 是有效的 JSON。错误：SyntaxError：JSON 中第 22 位的意外标记 u

InvalidConfigError: Parsing .angular-cli.json failed. Please make sure your 
.angular-cli.json is valid JSON. 
Error: SyntaxError: Unexpected token u in JSON at position 22
   at InvalidConfigError (/usr/local/lib/node_modules/@angular/cli/models/config/config.js:10:9)
   at Function.fromConfigPath (/usr/local/lib/node_modules/@angular/cli/models/config/config.js:77:19)
   at Function.fromProject (/usr/local/lib/node_modules/@angular/cli/models/config.js:96:46)
   at Object.<anonymous> (/usr/local/lib/node_modules/@angular/cli/commands/build.js:7:35)
   at Module._compile (module.js:570:32)
   at Object.Module._extensions..js (module.js:579:10)
   at Module.load (module.js:487:32)
   at tryModuleLoad (module.js:446:12)
   at Function.Module._load (module.js:438:3)
   at Module.require (module.js:497:17)

我还卸载了@angualr/cli 并清除了缓存，然后重新安装了@angualr/cli。我运行以下命令。

sudo npm uninstall -g @angular-cli 
npm cache clean sudo 
npm install -g @angular-cli

仍然出现同样的问题。

【问题讨论】：

@angular-cli 现已弃用尝试安装@angular/cli@latest
我安装了@angular/cli 包。在此之前我卸载了以前的包并清除了缓存。仍然是相同的错误消息。

标签： node.js angular npm angular-cli

【解决方案1】：

您需要全局安装 @angular/cli 才能在任何地方使用它。要全局安装它，请使用 cmd 'npm i -g @angular/cli'，其中 -g 表示全局。甚至将您的 Angular 版本更新为最新版本。我认为该错误是因为在旧版本的 Angular 中，以前保存的 angular.json 文件名不同，并且在较新或最新版本中保存的名称不同，因此安装后可能无法读取您的 angular.json 文件。

【讨论】：

【解决方案2】：

我也面临同样的问题，所以我尝试了下面给出的这个方法。

彻底卸载 angular-cli，例如 npm uninstall -g angular-cli 克隆这个 angular-cli repo，转到 angular-cli repo 文件夹，然后运行 npm link，转到我的项目文件夹运行 npm link angular-cli 现在要运行 ng 命令，我使用项目文件夹中的 ./node_modules/angular-cli/bin/ng

【讨论】：

【解决方案3】：

您提到的包裹无效。对于全新安装，请使用 npm install -g @angular/cli。在此处查看更多详细信息https://github.com/angular/angular-cli#installation

如果您要升级，请关注此https://github.com/angular/angular-cli#updating-angular-cli

如果您从 beta/RC 版本升级，请遵循此https://github.com/angular/angular-cli/wiki/stories-1.0-update

angular-cli 使用 angular.cli.json。而@angular/cli 使用 .angular.cli.json

【讨论】：

【解决方案4】：

@angular-cli 是以前的版本。现在你需要

npm install -g @angular/cli

使用@angular/cli 版本

【讨论】：

我安装了@angular/cli 包。在此之前我卸载了以前的包并清除了缓存。仍然是相同的错误消息。

【解决方案5】：

这个包叫@angular/cli，npm install -g @angular/cli也是。

【讨论】：

我安装了@angular/cli 包。在此之前，我卸载了以前的软件包并清除了缓存。还是一样的错误信息。
angular-cli.json 的格式已经改变了几次。也许你还有一个旧版本。您能否将您的 JSON 发布到某个带有链接的地方，以便我们看看它可能有什么问题？
此路径上没有同名文件。 /usr/local/lib/node_modules/@angular/cli/.你能告诉我这个文件的确切路径吗？
它应该在您项目的根目录中（与 package.json 相同的位置）。
安装后，当我运行 ng new project-name。然后发生错误。文件如何存在于项目的根目录中？