Webpack4 sass-loader失败，出现盒阴影

Question

将webpack4与sass加载器配合使用：

 {
  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。