我有一个反应项目。在 src 中我创建了 global.scss 并尝试将其应用于 app.scss。但是由于某种原因,我可以使用变量,但是当我尝试从那里获取混合时,会出现错误。可能存在什么问题以及如何解决?
这是global.scss:
:root{
--base-color: blue;
@mixin flex-position($v, $h){
display: flex;
align-items: $v;
justify-content: $h;
}
}
这是 app.scc
@use "./global.scss";
.App {
width: 100vw;
height: 100vh;
@include flex-position(center, center);
h1 {
color: var(--base-color);
}
}
这是错误: