Sass 在SCSS变换上处理三角函数(余弦)时出现角度cli错误-未定义的操作:“;cos(ux)乘以upx;

Sass 在SCSS变换上处理三角函数(余弦)时出现角度cli错误-未定义的操作:“;cos(ux)乘以upx;,sass,transform,angular-cli,trigonometry,Sass,Transform,Angular Cli,Trigonometry,我正试图在我的AngularCLI项目中实现一个SCSS组件(来自Codepen:) 当我运行下面的SCSS转换时,transform:translate3d(cos(0.1)*115px,sin(0.1)*115px,0) 我得到以下生成错误: 模块生成失败: 变换:translate3d(cos(0.1)*115px,sin(0.1)*115px,0); ^ 未定义的操作:“cos(0.1)乘以115px”。 我仔细阅读了SASS/SCSS数字转换,但发现这不是问题所在——因为我尝试在Cod

我正试图在我的AngularCLI项目中实现一个SCSS组件(来自Codepen:)

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

我得到以下生成错误:

模块生成失败:
变换:translate3d(cos(0.1)*115px,sin(0.1)*115px,0);
^
未定义的操作:“cos(0.1)乘以115px”。

我仔细阅读了SASS/SCSS数字转换,但发现这不是问题所在——因为我尝试在Codepen中复制它,他的代码工作得很好,没有错误的转换逻辑

我只能怀疑这是我的AngularCLI配置的一个问题,有些东西没有正确注册,余弦被解释为字符串而不是数字计算。当硬编码余弦/正弦的数字时,我得到了一个有效的构建,并且看到了用户界面的预期功能

我是否需要以一种方式配置AngularCLI项目,让SCS在以字符串形式进入方程式之前处理余弦/正弦的数值?如果需要,如何配置


非常感谢有能力解决此问题的人。

我们发现,这是因为您的代码笔示例使用了您没有/没有使用的函数


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

我认为这是因为CodePen示例使用了您没有/没有使用的功能。你可以试着导入,也许在那之后一切都已经开始了。@mzdr先生,你真是个魔术师!我已经试着用指南针了,但没用,马萨斯成功了!也就是说,即使在我让它工作之后,我也忍不住要进一步调查…根据compass支持已从CLI中删除…它现在是网页的一部分。在进一步的研究中,我发现Autoprefixer预处理可能是首选的方法。你怎么认为?不管怎样,我想你可以把它作为一个答案,因为多亏了你,我有了一个有效的解决方案:)呵呵,我很高兴它成功了!关于指南针,你是对的。他们从CLI中删除了它,但它不是webpack的一部分,PostSS+Autoprefixer是当前的技术水平和发展方向。如果您需要在angular应用程序中调整autoprefixer的目标浏览器,请查看CLI。谢谢朋友。看来我今晚要学习自动指纹识别器了,Mathsas在后面的口袋里