如何解决React项目报Failed to compile且找不到logo.svg文件的问题
报错详情:
Failed to compile. ./src/logo.svg Error: ENOENT: no such file or directory, open 'C:\Users\Ahmed Sabry Tamam\g\src\logo.svg'
问题定位
该报错属于路径缺失类错误,核心原因是React项目编译过程中,按照代码里的引用路径找不到src目录下的logo.svg文件。
解决方案
- 检查
src目录下是否存在logo.svg文件
打开项目根目录的src文件夹,确认文件是否存在。如果是文件被误删、移动,或是项目拷贝/克隆时遗漏了该文件,会直接触发该报错。 - 核对文件引用路径的正确性
若确认logo.svg文件存在,找到所有引入该文件的代码(默认项目一般在src/App.js/src/App.tsx中),检查引入语句的相对路径是否和文件实际存放位置匹配:
比如文件实际存放在src/assets/logo.svg,引入语句写import logo from './logo.svg'就会报错,需要修改为import logo from './assets/logo.svg'。 - 不需要该文件的处理方式
如果项目不需要用到这个logo文件,直接删除代码中所有对logo.svg的引入语句,同时删除JSX中调用该logo的相关代码(比如默认生成的<img src={logo} className="App-logo" alt="logo" />行),重新启动项目即可正常编译。 - 误删文件的恢复方式
如果是误删了文件,可以将任意svg格式图片命名为logo.svg放到对应路径,或是新建空白svg文件临时占位,即可解决编译报错。
内容的提问来源于stack exchange,提问作者Ahmed Sabry Tmam
相关产品推荐
相关产品推荐

