安装Angular 4 CLI时出现错误求助(Node 8.9.4/Windows 7环境)
解决Windows 7 + Node.js 8.9.4下安装Angular 4 CLI的问题
我之前也在Win7 + Node8.9.4的环境里折腾过Angular4 CLI的安装,踩过不少坑,给你整理了靠谱的解决步骤:
1. 先清理旧CLI残留(避免冲突)
先打开管理员权限的命令提示符(CMD),把可能存在的全局旧CLI卸载并清理缓存,避免旧文件干扰新安装:
npm uninstall -g @angular/cli npm cache clean --force
注:Node8配套的npm版本比较老,
cache clean --force是最稳妥的缓存清理方式,别用新版本npm的cache verify,不兼容。
2. 安装适配Angular4的指定CLI版本
Angular4对应的CLI稳定版本是1.7.4——直接装最新版CLI肯定报错,因为新版本早就不支持Node8和Win7了。执行下面的命令安装:
npm install -g @angular/cli@1.7.4
如果遇到网络慢、安装超时的问题,可以临时切换到国内镜像源再装:
npm config set registry https://registry.npmmirror.com/ npm install -g @angular/cli@1.7.4 # 装完之后可以切回官方源(可选) npm config set registry https://registry.npmjs.org/
3. 验证安装是否成功
装完之后输入命令检查版本:
ng --version
如果输出里显示@angular/cli: 1.7.4,同时Node版本是8.9.4,就说明搞定了。
额外坑点排查
- 权限报错:一定要用管理员身份开CMD!Win7下普通用户没权限写入全局npm的安装目录,很容易失败。
- 项目创建后node-sass报错:Node8对应的node-sass版本是
4.14.1,如果创建项目后编译报错,进入项目目录执行:
这个版本和Node8.9.4完全兼容,能解决大部分sass编译问题。npm install node-sass@4.14.1 --save-dev
内容的提问来源于stack exchange,提问作者satya
相关产品推荐
相关产品推荐

