SASS抛出一个错误未定义的Mixins:模块构建失败(来自./node_dist/sass-加载程序/dist/cjs.js)：SassError:未定义的混合
SASS抛出一个错误未定义的Mixins:模块构建失败(来自./node_dist/sass-加载程序/dist/cjs.js)：SassError:未定义的混合
提问于 2022-07-20 10:35:47
我正在处理一个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%;
}
}回答 1
Stack Overflow用户
发布于 2022-08-05 14:40:17
mixin mobile仅通过名称解析，而不使用explicit imports。当使用在另一个文件中声明的sass变量、mixin或函数时，建议显式地将它们导入当前文件，如下所示：
@use "../../global.scss" as s;
.contact{
@include s.mobile {
flex-direction: column;
}
}而且，Sass团队也不鼓励使用@import规则，而倾向于使用@use和@forward规则的组合。请阅读医生的更多信息。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73050102
复制相关文章
相似问题
腾讯云开发者
