我正在处理一个react项目,当我试图使用类似@include这样的混音时,出现了编译错误:
╷ 7 │ ┌ @include mobile { 8 │ │ flex-direction: column; 9 │ └ } Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Undefined mixin.
我已经安装了软件包,并检查它是否安装不正确,我仍然得到这个错误,我能做什么?
代码:
@import "../../global.scss"; .contact { background-color: white; display: flex; @include mobile { flex-direction: column; .left { flex: 1; overflow: hidden; img { height: 100%; }
发布于 2022-08-05 14:40:17
mixin mobile 仅通过名称解析,而不使用 explicit imports 。当使用在另一个文件中声明的sass变量、mixin或函数时,建议显式地将它们导入当前文件,如下所示:
mobile
explicit imports
@use "../../global.scss" as s;