使用 angular/cli 设置新项目时出错答案

【问题标题】：Error setting up new project with angular/cli使用 angular/cli 设置新项目时出错
【发布时间】：2018-05-25 15:06:07
【问题描述】：

我是 npm 和 Angular 2 的新手，我正在尝试使用 angular/cli 设置一个新的 Angular 2 项目。

我目前正在跑步：

节点 v8.9.3 npm v5.6.0 视窗 10

首先，我运行了npm install -g @angular/cli，它似乎安装得很好。然后我转到我想开始我的项目的文件夹，运行ng new my-app，但一直收到此错误。

npm WARN 已弃用 angular-cli@1.0.0-beta.22-1: angular-cli 已被重命名为@angular/cli。请更新您的依赖项。

npm WARN deprecated strong-cookie@2.2.2: ReDoS 漏洞解析设置Cookiehttps://nodesecurity.io/advisories/130

npm WARN 已弃用 node-uuid@1.4.8：改用 uuid 模块

npm WARN 已弃用优雅 fs@3.0.11：请升级到优雅 fs 4 与当前和未来版本的 Node.js 兼容

npm WARN 已弃用 minimatch@0.3.0：请更新到 minimatch 3.0.2 或更高以避免 RegExp DoS 问题

npm WARN 已弃用 minimatch@2.0.10：请更新到 minimatch 3.0.2 或更高以避免 RegExp DoS 问题

npm WARN 已弃用 Graceful-fs@1.2.3：请升级到 graceful-fs 4 为了与当前和未来版本的 Node.js 兼容

npm WARN codelyzer@2.0.1 需要 @angular/compiler@^2.3.1 的同级 || >=4.0.0-beta

npm WARN codelyzer@2.0.1 需要 @angular/core@^2.3.1 ||

=4.0.0-beta

npm WARN @ngtools/webpack@1.9.0 需要 webpack@^2.2.0 的 peer || ^3.0.0 但没有安装。您必须安装对等依赖项自己。

npm WARN extract-text-webpack-plugin@2.1.2 需要一个peer webpack@^2.2.0 但没有安装。您必须安装对等自己依赖。

npm WARN string-replace-loader@1.3.0 需要 webpack@1 的 peer || 2 || 3 但没有安装。您必须安装对等依赖项自己。

npm WARN tslint-loader@2.1.5 需要 tslint@^3.0.0 的对等点，但没有已安装。您必须自己安装对等依赖项。

npm WARN webpack-dev-middleware@1.12.2 需要一个peer webpack@^1.0.0 || ^2.0.0 || ^3.0.0 但没有安装。你必须自己安装对等依赖项。

npm WARN 可选跳过可选依赖：fsevents@1.1.3 (node_modules\fsevents):

npm WARN notsup 跳过可选依赖：不支持的平台 fsevents@1.1.3：想要 {"os":"darwin","arch":"any"}（当前： {"os":"win32","arch":"x64"})

npm 错误！路径 C:\Web Development\Projects\angular 2 practice\my-app\node_modules\@angular-cli\ast-tools\node_modules\mkdirp\bin\cmd.js

npm 错误！代码ENOENT

npm 错误！错误号-4058

npm 错误！系统调用 chmod

npm 错误！ enoent ENOENT: 没有这样的文件或目录，chmod 'C:\Web 开发\项目\角度2 practice\my-app\node_modules\@angular-cli\ast-tools\node_modules\mkdirp\bin\cmd.js'

npm 错误！ enoent 这与 npm 找不到文件有关。

npm 错误！恩恩特

npm 错误！可以在以下位置找到此运行的完整日志：

npm 错误！ C:\用户\杰森 Kervin\AppData\Roaming\npm-cache_logs\2017-12-12T00_57_54_496Z-debug.log

包安装失败，见上文。

【问题讨论】：

标签： angular npm angular-cli

【解决方案1】：

试试这些步骤：

npm 缓存清理 --force
打开 cmd 并转到您当前的用户 cd C:\Users{您的用户名这里}
npm 配置设置注册表http://registry.npmjs.org/
npm install -g npm@latest
npm install -g @angular/cli

【讨论】：

【解决方案2】：

从命令行运行

ng -v

这应该输出 1.6.0。如果没有，则您安装了旧版本的 CLI。

运行：

npm cache --force clean

然后：

npm install @angular/cli -g

如果这不起作用，请删除 C:\Users\<username>\AppData\Roaming 中的文件夹

【讨论】：

嗯，我尝试卸载，但现在尝试 npm install @angular/cli -g 时出现错误
NPM WARN注册表意外预警registry.npmjs.org：其他警告EINTEGRITY：SHA512，dIDiZTu1NhG2Yq3KNa5vYMKSAOnjYjkOgQEWKmhOqWvrZ / sPVmP3xx9O2Z61traxDhTjNQQgMUAgDRDEYsmhWg ==使用时的完整性校验失败SHA512：想SHA512-dIDiZTu1NhG2Yq3KNa5vYMKSAOnjYjkOgQEWKmhOqWvrZ / sPVmP3xx9O2Z61traxDhTjNQQgMUAgDRDEYsmhWg ==但得到SHA512，h4GvUIQppEvv0Y34DgtqHFVq8uLRVL5X6XhmWS0tMi2 / uMVIA3HMgMvyJUqL5jq9mMl0Xjr13JR2pMJb7i5aEA==。（3366 字节）
npm WARN 注册表使用来自registry.npmjs.org 的陈旧包数据，因为在重新验证期间出现请求错误。 npm 错误！代码 EINTEGRITY npm 错误！ errno EINTEGRITY npm 错误！同时努力无效响应体以获取registry.npmjs.org/original：完整性验证失败SHA512-dIDiZTu1NhG2Yq3KNa5vYMKSAOnjYjkOgQEWKmhOqWvrZ / sPVmP3xx9O2Z61traxDhTjNQQgMUAgDRDEYsmhWg ==（C：\ Users \用户杰森Kervin \应用程序数据\漫游\ NPM-cache_cacache \内容-V2 \ SHA512 \ 74 \ 80 \ e2653bb53611b662adca35ae6f60c29200e9e362390e8101162a684ea96beb67fb0f5663f7c71f4ed99eb5b6b6b10e14e33504203140200d10c462c9a15a
更新答案！
成功了！我能够成功重新安装，最后一个问题。当我使用ng new my-app 时，我应该在我的应用程序的目录中吗？

【解决方案3】：

使用这些行：

npm cache clean --force

npm install -g @angular/cli@latest

【讨论】：

【解决方案4】：

经过大量研究，我得出了最终解决方案，我尝试了很多解决方案，但对我不起作用。试试这个对我有用，我正在使用 Ubuntu。

卸载 Angular cli。

点击以下命令，

sudo npm uninstall -g angular-cli

检查版本，如果版本仍然存在，检查路径

which ng

它会给出以下输出

/usr/bin/ng

现在使用删除它

sudo rm -rf /usr/bin/ng

然后删除角包

sudo rm -rf /usr/lib/node_modules/@angular

现在您的 angular cli 已从您的机器中完全删除。

现在检查 angulars 最新的稳定版本并安装它。

如果问题仍然存在，请卸载节点并删除全局 node_modules 文件夹。

sudo apt-get purge nodejs

sudo apt-get autoremove

sudo rm -rf /usr/lib/node_modules

然后再次安装 node 和 angular。

并尝试创建新项目。希望它对你有用。谢谢！

【讨论】：