在SCSS转换上处理三角函数（余弦）时的角度cli错误 - 未定义的操作：“cos（_）times _px”

Question

我正在尝试将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按预期运行。

我是否需要以允许SCSS处理余弦/正弦值的数值的方式配置AngularCLI项目，然后以字符串形式进入等式？如果是，如何？

非常感谢任何让Angular-fu知道如何让它发挥作用的人。

Answer 1

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

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