Javascript 如何在react.js中的内容url之前添加伪元素选择器？

我试图使用“url（）”在内容属性上的伪元素选择器“before”中添加图像，在HTML和CSS中工作正常，但当我在react（JSX）中添加HTML并附加CSS文件时，我得到如下错误

    Failed to compile
    
    ./src/style.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/style.css)
    Module not found: Can't resolve './ascending-sort.png' in 'D:\JAVA\Prog\My Projects\Sort Visualizer\sort-visualizer\src'

CSS代码

.navbar__header::before {
    position: absolute;
    content: url("ascending-sort.png");
    left: -40px;
    top: -5px;
}

JSX

排序可视化工具

---

在react中处理伪元素选择器有什么不同的方法。

错误似乎告诉您它找不到

升序排序.png

文件。。。我猜它是在

/public

中的某个地方。因此，只需检查图像的路径。@LouySpatriceBesette我已检查了路径是否正确，即图像

升序排序.png

存在于公用文件夹中，是否有任何方法提供路径，因为我尝试使用此

/public/ascending sort.png

，但得到了相同的错误。我不确定

url（）中的路径是否正确

应该来自应用程序的根目录或它试图编译的文件。。。所以可能是

/public/ascending sort.png

或

/public/ascending sort.png

@louyspatricebesette我两个都试过了，但都没用。我发现了一个类似的问题，所以你似乎只需要在文件名前面加一个

/

。。。你试过了吗？

 <div className="navbar__header">Sort Visualizer</div>