mac电脑angular环境搭建(angular新建项目报错问题)

153 阅读2分钟

1、卸载angular

 sudo npm uninstall -f -g @angular/cli
 sudo npm cache clean --force

2、卸载node

第一步:打开终端,输入以下命令显示 Node.js 的安装路径:

which node

执行该命令后,会显示安装路径:/usr/local/bin/node

第二步:输入以下命令删除 Node.js 相关的文件:

sudo rm -rf /usr/local/bin/npm
sudo rm -rf /usr/local/share/man/man1/node.1
sudo rm -rf /usr/local/lib/dtrace/node.d
sudo rm -rf ~/.npm
sudo rm -rf ~/.node-gyp
sudo rm /usr/local/bin/node

该命令会删除 Node.js 的可执行文件、npm 包管理器、手册页、DTrace 跟踪文件和用户目录下相关文件。

第三步:确定是否完全卸载 Node.js。在终端中输入以下命令:

node -v

如果显示“command not found”,则表示已经卸载干净。

3、Mac系统中安装多版本的NodeJS

使用 npm 全局安装 n

npm install -g n

根据需求安装指定版本的 node

sudo -E n 16.17.0

查看已安装node的版本

n ls

切换已安装不同版本的node

sudo n

运行后会展示已安装的node版本,上下键选择,按回车键即可选择需要使用的版本。

   node/6.17.1
   node/9.10.1
 ο node/14.18.3
   node/16.17.0
   node/18.16.0

查看当前使用node的版本,切换版本后可以运行

node -v

问题起因:

初次建立一个angular项目时,遇到angular版本与node版本不匹配的问题,上网查看了angular与node对应的匹配版本后,又报错了没有python环境变量,然后安装python3并设置环境变量,然后还是安装不上依赖,新建不了项目,反反复复几次安装不同版本的angular和node和npm后,最后还是安装了最新版本的angular和node,但是此时再新建项目,npm依赖仍然运行很久且安不上,最后安装了cnpm,使用cnpm安装上了依赖

// 使用的版本分别是
node v20.11.1
npm 10.2.4
angular 18.1.4
cnpm 9.4.0

安装cnpm的命令如下:

sudo npm install cnpm -g --registry=https://registry.npm.taobao.org
// 如果遇上证书问题,再运行下方命令
npm config set strict-ssl false

最后使用cnpm安装上了依赖并运行成功了!

截屏2024-08-16 08.30.38.png