Gulp 与 Bourbon/Neat,没有混合命名媒体
Gulp with Bourbon/Neat, no mixin named media
我正在接手一个项目,我无法让 gulp 编译 CSS,我得到错误:
Error: assets/sass/pages/_global.sass
Error: no mixin named media
Backtrace:
assets/sass/pages/_global.sass:86
on line 86 of assets/sass/pages/_global.sass
@include media($md) {
但似乎所有内容都已正确包含,并且混音在本节之前 there/included。我以前用过 SASS 但没有 gulp 或波旁威士忌,所以我对这个有点难过。
这是该部分的 CSS:
body
+padding(45px 0 0 0)
-webkit-font-smoothing: antialiased
font-family: 'Lato', sans-serif
overflow-x: hidden
+margin(40px 0 0 0)
color: $ft_dark_brown
+media($md)
+padding(113px 0 0 0)
您还需要添加 Neat 网格系统.. http://neat.bourbon.io/
如果您使用 npm 包管理器安装 "neat",它将设置为版本 1.9.1 - 默认版本和 @latest
。因此,您可能一直在尝试访问在该版本中具有不同名称的 mixin。
如果有人在通过 npm 安装后遇到类似错误,请使用您希望使用的特定版本,例如npm install bourbon-neat^2.0.0
编辑:
它没有设置为 1.9.1,而是按日期更新的最新版本。由于 bourbon/neat 维护多个版本(我认为 2.x.x 和 3.x.x 现在),默认版本可能不是实际的最新版本。我相信最近有一个修复程序现在允许 npm install bourbon-neat@latest
指向最高版本号。
我正在接手一个项目,我无法让 gulp 编译 CSS,我得到错误:
Error: assets/sass/pages/_global.sass
Error: no mixin named media
Backtrace:
assets/sass/pages/_global.sass:86
on line 86 of assets/sass/pages/_global.sass
@include media($md) {
但似乎所有内容都已正确包含,并且混音在本节之前 there/included。我以前用过 SASS 但没有 gulp 或波旁威士忌,所以我对这个有点难过。
这是该部分的 CSS:
body
+padding(45px 0 0 0)
-webkit-font-smoothing: antialiased
font-family: 'Lato', sans-serif
overflow-x: hidden
+margin(40px 0 0 0)
color: $ft_dark_brown
+media($md)
+padding(113px 0 0 0)
您还需要添加 Neat 网格系统.. http://neat.bourbon.io/
如果您使用 npm 包管理器安装 "neat",它将设置为版本 1.9.1 - 默认版本和 @latest
。因此,您可能一直在尝试访问在该版本中具有不同名称的 mixin。
如果有人在通过 npm 安装后遇到类似错误,请使用您希望使用的特定版本,例如npm install bourbon-neat^2.0.0
编辑:
它没有设置为 1.9.1,而是按日期更新的最新版本。由于 bourbon/neat 维护多个版本(我认为 2.x.x 和 3.x.x 现在),默认版本可能不是实际的最新版本。我相信最近有一个修复程序现在允许 npm install bourbon-neat@latest
指向最高版本号。