我有以下SCSS文件
$header-img: image-url('images/image.jpg', false, false);
.bg {
background: $header-img no-repeat;
width: 100%;
height: 100vh;
}
此SCSS由webpack转换为main.css,然后链接到HTML文件
<!DOCType <!DOCTYPE html>
<html>
<head>
<link ref="stylesheet" href="./main.css" type="text/css">
</head>
<body class="bg">
<div id='root' class="container-fluid bg"></div>
</body>
</html>
当我在Chrome中查看我的应用程序时,我看到以下错误
它表示&#34;无效的属性值&#34;。我该如何解决这个问题?
答案 0 :(得分:0)
更改您的第一行:
$header-img: image-url('images/image.jpg', false, false);
只是:
$header-img: url('images/image.jpg');