使用npm安装animate.css时持续报错如何解决

问题说明 #

执行npm安装animate.css命令时终端持续输出错误信息，场景为Node/JS初学者搭建个人简历网站阶段，报错截图如下：

解决步骤 #

按顺序操作即可解决绝大多数同类安装问题：

• 先确认项目已完成npm初始化
  未在项目目录生成package.json配置文件就直接执行安装命令是新手最高发的错误。终端切到项目根目录，执行命令快速完成初始化，所有提示直接回车使用默认配置即可：

  npm init -y
  

• 切换镜像源清理缓存后重装
  国内网络环境下npm官方源连接不稳定、本地缓存包损坏是安装失败的核心原因，依次执行以下命令后重试安装：

  npm config set registry https://registry.npmmirror.com
  npm cache clean --force
  npm install animate.css --save
  

• 修复权限类报错
  如果报错提示包含「权限不足」「操作拒绝」，不要加sudo强制安装：
  • Windows用户不要把项目放在C盘系统级保护目录下，移到桌面、个人文档等用户拥有完整读写权限的路径后重试
  • Mac/Linux用户不要在/root、/usr/local等系统路径存放个人项目，移到个人用户主目录下的工作路径后重试
• 安装完成后，在项目入口JS文件加入以下引入代码即可正常使用动画效果：

  import 'animate.css';
  

内容的提问来源于stack exchange，提问作者saurav tripathi