Sass错误

Syntax Error: SassError: Undefined function.

报错信息:

 ERROR  Failed to compile with 2 errors                                                                                                                                                                  3:49:39 AM

 error  in ./src/styles/quasar.sass

Syntax Error: SassError: Undefined function.
   ??
43 ??   $rad: math.div($angle, 180) * $PI
   ??         ^^^^^^^^^^^^^^^^^^^^^
   ??
  node_modules/quasar/dist/quasar.sass 43:9     sin()
  node_modules/quasar/dist/quasar.sass 4602:16  @import
  src/styles/quasar.sass 2:9                    root stylesheet

解决方法: 参考文档: https://stackoverflow.com/questions/67857768/sass-math-div-function-is-undefined-in-angular-app-but-is-defined-in-angular-li

In your package-lock.json file you have two components related to sass: sass itself and sass-loader. it would look something like this which represent already installed packages:

 "sass": {
  "version": "1.22.2",
  "resolved": "https://registry.npmjs.org/sass/-/sass-1.22.2.tgz",
},
"sass-loader": {
  "version": "7.1.0",
  "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-7.1.0.tgz"
}

Can you bump up the version and place sass with value ^1.33.0 in package.json (Which controls packages to be installed) under dependencies and sass-loader with value 12.0.0 and re-run npm install after saving.

我的解决

将sass版本从1.32.12 升级到1.33.0。 sass-loader 版本^12.0.0

-    "sass": "1.32.12",
+    "sass": "1.33.0",
     "sass-loader": "^12.0.0",