公共文件夹中有一个名为“img”的文件夹。如果我写这个，背景：url(img/hero2.jpg) no-repeat center; 然后它抛出这个错误。未找到模块：无法解析 'D:\Programming\react\redux-blog\src' 中的 './img/hero2.jpg'
如果我写这个背景： url(../public/img/hero1.jpg) no-repeat center; 然后它说这个。未找到模块：您尝试导入位于项目 src/ 目录之外的 ../public/img/hero1.jpg。不支持 src/ 之外的相对导入。
您需要创建一个src/img文件夹并将图像放在那里。在 URL 上，您可以只使用background-image: url('/img/hero2.jpg'). Webpack 将找到正在使用的图像并将它们复制到静态资产文件夹。不会发布未使用的图像，而且（取决于您的配置）它可以添加唯一名称以正确处理图像的不同版本并绕过代理缓存。
你可以/在路径前面使用吗？background-image: url('/img/hero2.jpg') no-repeat center;
假设你想在反应中给一个 div 的背景，然后使用
<div style={{"background":"url(pathOfYourImageThatIsStoredInPublicDirectory)"}}>
</div>
不要在 sass 文件中使用背景，而是在组件中使用它