SCSS背景无效的属性值

时间:2018-04-30 00:15:23

标签: css sass

我有以下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中查看我的应用程序时,我看到以下错误

enter image description here

它表示&#34;无效的属性值&#34;。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

更改您的第一行:

$header-img: image-url('images/image.jpg', false, false);

只是:

$header-img: url('images/image.jpg');