使用 angular/cli 设置新项目时出错
Posted
技术标签:
【中文标题】使用 angular/cli 设置新项目时出错【英文标题】：Error setting up new project with 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
包安装失败，见上文。
【问题讨论】：
【参考方案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。
并尝试创建新项目。 希望它对你有用。 谢谢！
【讨论】：
以上是关于使用 angular/cli 设置新项目时出错的主要内容，如果未能解决你的问题，请参考以下文章
markdown Angular Cli新项目，包括Sass和Bootstrap + Angular Cli Snippets
angular2安装cli成功后创建新项目warn问题求解决