Angular 在 SCSS 转换上处理三角函数(余弦)时出现 cli 错误 - 未定义的操作:"cos(_) times _px"

Angular cli error when processing trigonometry function (cosine) on an SCSS transform - Undefined operation: "cos(_) times _px"

我正在尝试将 SCSS 组件实现到我的 AngularCLI 项目中(来自 Codepen:https://codepen.io/lbebber/pen/LELBEo)。

当我运行下面的SCSS转换时,transform:translate3d(cos(0.1)*115px,sin(0.1)*115px,0);

我得到以下构建错误:

Module build failed: transform:translate3d(cos(0.1)*115px, sin(0.1)*115px, 0); ^ Undefined operation: "cos(0.1) times 115px".

我阅读了 SASS/SCSS 数字转换,但发现这不是问题 - 因为我尝试在 Codepen 中复制它,并且他的代码工作正常,没有错误的转换逻辑。

我只能怀疑这是我的 AngularCLI 配置的问题,有些东西没有正确注册,余弦被解释为字符串而不是它的数字计算。当对 cosine/sine 的数字进行硬编码时,我得到了一个有效的构建并看到 UI 按预期运行。

我是否需要配置 AngularCLI 项目,让 SCSS 在将 cosine/sine 作为字符串输入方程之前处理数值? 如果是,怎么做?

非常感谢任何有 Angular-fu 来弄清楚如何让它工作的人。

我们发现这是因为您的 CodePen 示例使用了 Compass Math Helpers 函数,而您没有 have/use。

您可以改为导入 mathsass。它应该涵盖相同数量的功能。