React项目报Can't resolve 'otp-input-react'错误如何解决

• 确认依赖安装路径正确：必须在项目根目录D:\project\app下执行依赖安装命令，不要在src子目录等非根目录执行安装操作，否则依赖会被安装到错误路径无法被项目识别。
• 核对package.json依赖配置：确认otp-input-react存在于dependencies字段下，若仅出现在devDependencies中，需手动移动到dependencies后重新安装。
• 清除缓存重装依赖：依次执行对应包管理工具的命令重置依赖：

  # npm 环境
  rm -rf node_modules package-lock.json
  npm install
  
  # yarn 环境
  rm -rf node_modules yarn.lock
  yarn install
  
  # pnpm 环境
  rm -rf node_modules pnpm-lock.yaml
  pnpm install
  

• 检查导入语句拼写：组件中导入语句需严格匹配为import OTPInput from "otp-input-react"，避免大小写、拼写错误。
• 排查构建工具配置：若项目配置了webpack/vite路径别名，检查是否存在规则误匹配otp-input-react导入路径，导致指向本地不存在的文件。

可参考终端报错截图、otp-input-react组件使用截图、package.json配置截图、浏览器报错截图核对上述排查项。

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