"...-padding: (math": 预期的表达式（例如 1px，粗体）之后的 CSS 无效，为 ".div(100, 16) * 9);"答案

【问题标题】：Invalid CSS after "...-padding: (math": expected expression (e.g. 1px, bold), was ".div(100, 16) * 9);""...-padding: (math": 预期的表达式（例如 1px，粗体）之后的 CSS 无效，为 ".div(100, 16) * 9);"
【发布时间】：2021-12-23 17:58:46
【问题描述】：

我尝试在我的项目中使用 vue-laravel-file-manager。使用yarn run serve 后，出现以下错误。

https://github.com/alexusmai/vue-laravel-file-manager/

 ERROR  Failed to compile with 1 errors                                                                      7:25:34 PM

 error  in ./node_modules/laravel-file-manager/src/FileManager.vue?vue&type=style&index=0&lang=scss&

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

$embed-padding: (math.div(100, 16) * 9);
                    ^
      Invalid CSS after "...-padding: (math": expected expression (e.g. 1px, bold), was ".div(100, 16) * 9);"
      in  /node_modules/plyr/src/sass/types/video.scss (line 27, column 22)

 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/laravel-file-manager/src/FileManager.vue?vue&type=style&index=0&lang=scss& 4:14-363 15:3-20:5 16:22-371
 @ ./node_modules/laravel-file-manager/src/FileManager.vue?vue&type=style&index=0&lang=scss&
 @ ./node_modules/laravel-file-manager/src/FileManager.vue
 @ ./node_modules/laravel-file-manager/src/init.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://10.0.2.15:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

我该如何解决这个问题？

【问题讨论】：

我今天也在 Plyr 上遇到了这个问题。

标签： laravel vue.js sass scss-mixins sass-loader

【解决方案1】：

我遇到了类似的错误，将 "node-sass" 替换为 "sass" 已为我修复。

这个错误很可能是node-sass贬值造成的。

【讨论】：