相关疑难解决方法(0)

使用样式组件在React.js中导入图像

我正在使用样式组件,我正在尝试设置这样的背景图像

const HeaderImage= styled.div`
    background-image: url('../../assets/image.png');
';
Run Code Online (Sandbox Code Playgroud)

我也试过没有引号,就像这样

const HeaderImage= styled.div`
        background-image: url(../../assets/image.png);
 ';
Run Code Online (Sandbox Code Playgroud)

在这两种情况下,我得到相同的结果

http:// localhost:3000/assets/image.png无法加载资源:服务器响应状态为404(未找到)

我正在使用Richard Kall的反应启动器

该文件肯定在指定的位置.

我加载不正确吗?

我应该提一下,我对此很新(React和样式组件)

reactjs styled-components

15
推荐指数
3
解决办法
2万
查看次数

标签 统计

reactjs ×1

styled-components ×1