Error with SassError: Undefined function while starting angular app

Error with SassError: Undefined function while starting angular app

我在成功安装 npm 后启动 angular 应用程序时遇到错误。

显示以下错误 -

./src/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/dist/cjs 中出现错误。 js ??ref--13-3!./src/styles.scss) 模块构建失败(来自 ./node_modules/sass-loader/dist/cjs.js): SassError:未定义的函数。 ╷ 19 │ $marker-size-third: ceil(math.div($marker-size, 3)); │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules\progress-tracker\src\styles\progress-tracker_progress-tracker-variables.scss 19:26 @import node_modules\progress-tracker\src\styles\progress-tracker.scss 1:9

当前包-lock.json 有 sass 和 sass-loader 版本 -

"sass": "1.26.3", “sass-装载机”:“8.0.2”,

您使用的 sass 版本不支持数学函数 div。您正在使用 1.26.3 版本并且该功能出现在 1.33.0 版本中,您可以在他们的 documentation.

中看到

因此,为了解决您的问题,您基本上有 2 种可能性。

  1. 如果可以(最好的方式).
  2. ,请升级sass版本
  3. 使用旧的 (已弃用,请注意) / 运算符。

如果您使用选项 2,您的代码将变成这样:

$marker-size-third: ceil( $marker-size / 3 );