当前位置：首页 > wzjs >正文

昆明做烤瓷牙哪去柏德L网站网站快速排名优化哪家好

wzjs 2025/7/23 6:09:30

昆明做烤瓷牙哪去柏德L网站,网站快速排名优化哪家好,营销型网站上海制作,中山外贸营销网站建设在styled-components项目中，遇到背景图片显示不出来的问题。图片的确是引入正确，但是webpack解析路径是有问题的效果展示以下这两种写法都不行，无法生效 export const HeaderNavLeft styled.h1width: 176px;height: 69px;background: ur…

在styled-components项目中，遇到背景图片显示不出来的问题。图片的确是引入正确，但是webpack解析路径是有问题的

效果展示

在这里插入图片描述
以下这两种写法都不行，无法生效

export const HeaderNavLeft = styled.h1`width: 176px;height: 69px;background: url('~@a/images/app-bg.png') no-repeat 0 -2px;a {width: 157px;padding-right: 20px;text-indent: -9999px;float: left;}

export const HeaderNavLeft = styled.h1`width: 176px;height: 69px;background: url('../../assets/images/app-bg.png') no-repeat 0 -2px;a {width: 157px;padding-right: 20px;text-indent: -9999px;float: left;}
`

正确写法

import LogoBg from '@a/images/app-bg.png'

或者

import LogoBg from '../../assets/images/app-bg.png'

然后再使用

export const HeaderNavLeft = styled.h1`width: 176px;height: 69px;background: url(${LogoBg}) no-repeat 0 -2px;a {width: 157px;padding-right: 20px;text-indent: -9999px;float: left;}
`