npm 环境搭建---全局安装angular cli ---升级本地angular版本---搭建ng-alain_报错sorry, the current version only supports angular

1.环境搭建

node -v # 查看 Node.js 当前版本
npm -v  # 查看 Npm 当前版本

1
2
3

2.设定淘宝提供 Npm 源镜像

# 设置淘宝源
npm config set registry https://registry.npm.taobao.org
npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass
# 恢复默认源
npm config delete registry
npm config delete sass_binary_site

1
2
3
4
5
6
7

3.全局 Angular Cli,如果不想全局安装，可以使用npx ng XXX命令执行

npm install -g @angular/cli

1
2

4.创建一个全新的 Angular 项目

ng new my-project --style less --routing

1
2

当提示 Packages installed successfully. 表示创建成功

5.将 NG-ALAIN 添加到 my-project 项目中

ng add ng-alain
1

如果遇到报错 An unhandled exception occurred: Cannot find module ‘jsonc-parser’，请执行下面代码

npm install jsonc-parser

1
2

继续执行 ng add ng-alain 然后遇到报错, 如果没有报错就YYYYY到底（加多点，毕竟是练习用的，如果是正式项目，就按需选择）

? Would you like to add i18n plugin? (default: N) Yes
Sorry, the current version only supports angular 11.x, pls downgrade the global Anguar-cli version: [yarn global add @angular/cli@11] (or via npm: [npm install -g @angular/cli@11])

1
2
3

看到上述报错，执行

npm install -g @angular/cli@11

1
2

然后又遇到问题，我执行 老版本CLI ng -v 新版本 ng v 看到下面的黄色字体

Your global Angular CLI version (11.2.10) is greater than your local version (9.1.15). The local Angular CLI version is used.

1
2
3

解决：升级当地版本

npm install --save-dev @angular/cli@latest 

1
2

继续执行 ng add ng-alain OK~~