这种写法如果是本地启动的话 找不到文件,打包完之后才会显示
<img src={process.env.PUBLIC_URL+"xxxx"}/>
如果是本地想使用public的文件
<img src={"/a.jpeg"}/>
使用react-create-app构建的项目,当src文件夹下文件想引用src文件夹外文件因为官方限制问题会报以下错误。
Module not found: You attempted to import ****** which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/.
解决方法:1,项目直接eject命令,如果之前执行过了产生了webpack等文件就不用再执行。
2,将webpack.config.dev中ModuleScopePlugin命令注释掉即可。
//new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),
本文探讨了在React项目中,使用react-create-app构建时遇到的跨目录文件引用问题及解决策略。详细介绍了如何通过eject命令及修改webpack配置来避免模块查找范围限制,实现src目录外文件的正确引用。

4238

被折叠的 条评论
为什么被折叠?



