Webpack4 sass-loader出现框阴影失败

Question

通过sass loader使用webpack4：

 {
  test: /.scss$/,
  exclude: [/node_modules/],
  use: [MiniCssExtractPlugin.loader, "css-loader","sass-loader"]
 }

我对此规则的构建

div.leaflet-control-measure {
  border: 2px solid transparent !important;
  background-color: transparent !important;
  box-shadow: 0 1px 5px 0 rgb(0,0,0,0.65) !important;
  > * {
    border: 0px !important;
    border-radius: 2px !important;
    background-color: white !important;
  }
}

失败：

box-shadow: 0 1px 5px 0 rgb(0,0,0,0.65) !important;
                             ^
          Wrong number of arguments (4 for 3) for `rgb'
          in /Users/ts/Dropbox (Privat)/code/webpack4/src/main.scss (line 62, column 27)

盒子阴影怎么了？对我来说，论点数目正确吗？

谢谢！

Answer 1

我认为这是因为您正在使用rgb（带有3个参数），就好像它是rgba（带有4个参数）一样。 您可以删除第四个参数（十进制），也可以将rgb更改为rgba。