在css文件中导入图像以进行react

Question

我正在尝试使用public/assets/substract.png中的图像，但无法解析

这是：

body {
background-image: url("./assets/subtract.png");
}

问题是：

./src/styles/index.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/styles/index.css)
Error: Can't resolve './assets/subtract.png' in 'E:xampphtdocslearningmy-appsrcstyles'

即使我试图把它放在puplic文件夹中，而不是在资产中，它也会给我错误

Answer 1

Error: Can't resolve './assets/subtract.png' in 'E:xampphtdocslearningmy-appsrcstyles'

正如您在这个错误中看到的那样，css试图访问/src/styles/assets/substract.png中的图像，我假设您的图片实际上在/assets/substact.png中所以试试这个：

body {
background-image: url("/assets/subtract.png");
}

Answer 2

请仔细检查文件路径，然后根据文件位置重新映射路径。