Sassmath.div函数在angular应用程序中未定义,但在angularlib中定义
我需要在我的角度应用程序中使用Sass math.div函数。这是我的 SCSS 代码示例:
@use "sass:math";
div {
min-height: math.div(100, 2);
}
我使用ng new my-application命令创建了角度应用程序。我还使用ng generate library my-lib命令在应用程序中创建了一个库。
SCSS 代码math.div在库中工作正常。如果我将 SCSS 代码放入projects/my-lib/src/lib/my-lib.component.scss并运行,ng build my-lib那么该库将成功构建。
但是,例如src/app/app.component.scss,如果我将 SCSS 代码放在 src 文件夹中并运行命令,ng build则会出现此错误:
Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined function.
?
4 ? min-height: math.div(100, 2);
? ^^^^^^^^^^^^^^^^
?
srcappapp.component.scss 4:17 root stylesheet
math.div函数自 1.33.0 起在 sass 中可用,所以我认为问题在于 angular 应用程序由于某种原因与 angular lib 具有不同的 sass 版本。但我不知道如何修复它。
例如min-height: math.pow(10, 2);在应用程序中工作正常。math.pow 从 1.25.0 开始可用
THE END
二维码