Gulp with Bourbon/Neat，没有 mixin 命名的媒体答案

【问题标题】：Gulp with Bourbon/Neat, no mixin named mediaGulp with Bourbon/Neat，没有 mixin 命名的媒体
【发布时间】：2016-05-03 14:00:45
【问题描述】：

我正在接手一个项目，但无法 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) {

但似乎所有内容都已正确包含，并且在本节之前已包含/包含 mixin。我以前用过 SASS，但没有 gulp 或 bourbon，所以我对这个有点难过。

这是该部分的 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 吗？它们是完全独立的，尽管是单向依赖的。如果没有看到文件结构以及文件是如何导入的，就很难回答这个问题。
Neat 在自定义 CSS 之前已经存在/导入。我把这个项目转移到另一台电脑上，它工作了，源代码完全一样，不知道为什么它在这台电脑上卡住了。

标签： css sass gulp bourbon neat

【解决方案1】：

如果您使用 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 指向最高版本号。

【讨论】：

【解决方案2】：

您还需要添加网格系统 Neat..http://neat.bourbon.io/

【讨论】：