安装@stripe/react-stripe-js等依赖后仍提示找不到模块如何解决?
对应导入代码
import { loadStripe } from "@stripe/stripe-js"; import { Elements } from "@stripe/react-stripe-js";
报错信息
./src/App.js
Module not found: Can't resolve '@stripe/react-stripe-js' in 'E:\project'
问题原因
- 安装命令执行路径错误:执行npm install时的终端路径不在项目根目录(即package.json所在目录),导致依赖被安装到其他文件夹,项目无法读取
- 依赖未写入项目依赖清单:安装时意外添加了
--no-save参数,或安装过程中断,导致依赖没有被记录到package.json中 - 依赖包文件损坏:安装过程中网络波动、缓存异常,导致@stripe/react-stripe-js包的文件缺失无法识别
- 开发服务未重启:旧的开发服务进程没有读取到新安装的依赖,仍然按之前的依赖清单检索模块
解决方法
- 切换终端路径到项目根目录,执行如下命令重新安装两个依赖,确保写入package.json:
npm install @stripe/stripe-js @stripe/react-stripe-js --save - 若上述操作无效,删除项目根目录下的node_modules文件夹、package-lock.json文件,执行
npm cache clean --force清理npm缓存后,重新执行npm install安装所有项目依赖 - 重启项目开发服务,确认模块可正常识别
内容的提问来源于stack exchange,提问作者Abhinav Singh
相关产品推荐
相关产品推荐

