2

公共文件夹中有一个名为“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/ 之外的相对导入。

4

4 回答 4

0

您需要创建一个src/img文件夹并将图像放在那里。在 URL 上，您可以只使用background-image: url('/img/hero2.jpg'). Webpack 将找到正在使用的图像并将它们复制到静态资产文件夹。不会发布未使用的图像，而且（取决于您的配置）它可以添加唯一名称以正确处理图像的不同版本并绕过代理缓存。

于 2021-03-04T13:25:44.197 回答
0

你可以/在路径前面使用吗？background-image: url('/img/hero2.jpg') no-repeat center;

于 2020-05-03T13:04:40.537 回答
0

假设你想在反应中给一个 div 的背景，然后使用

<div style={{"background":"url(pathOfYourImageThatIsStoredInPublicDirectory)"}}>
</div>
于 2021-09-02T05:46:30.613 回答
0

不要在 sass 文件中使用背景，而是在组件中使用它

于 2021-09-01T14:53:52.173 回答