这是我的代码，我正在尝试添加图像，但显示错误
背景图片：url('/images/img-2.jpg');
编译失败。
./src/App.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src /App.css) 错误：无法解析“E:\React\react-demo\src”中的“/images/img-2.jpg”
无法解析“E:\React\react-demo\src”中的“/images/img-2.jpg”
IT技术
javascript
html
css
reactjs
2021-05-21 06:20:49
2个回答
因为您要求的图像不在src文件夹中！也许您正在尝试访问publicReact 项目中文件夹中的图像。
我朋友的生活很简单，React - 使用 Webpack - 将 jpg/png..etc 图像转换为 base64，然后将 URL 替换为 base64...就像这样
因此，您需要在包含所有图像assets/images的src文件夹中创建一个文件夹📁 ，然后在 CSS 中导入链接
background-image: url("./assets/images/logo512.png");
同样，React 会将图像转换为 base64！这将使图像不依赖于文件夹路径。
我让自己陷入了类似的境地。这是我所做的修复：错误是说你在src下没有图像📁📁
只需将图像📁移动到src下，然后将 URL 重定向到它
背景： url('/src/images/img-2.jpg');