与波旁威士忌/干净，没有混合命名媒体

Question

我正在接管一个项目，但我无法获得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，但没有一口或波旁威士忌，所以我对这个有点困惑。

以下是该部分的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)

Answer 1

如果使用npm软件包管理器安装"neat"，则会将其设置为1.9.1版本-默认版本和@latest。因此，您可能试图访问在该版本中具有不同名称的mixin。

如果有人在通过npm安装后出现类似错误，请使用您希望使用的特定版本，例如npm install bourbon-neat^2.0.0

编辑：

它没有设置为1.9.1，而是按日期更新的最新版本。由于bourbon/net保持了多个版本（我认为现在是2.x.x和3.x.x），默认版本可能不是实际的最新版本。我相信最近有一个修复程序，现在允许npm install bourbon-neat@latest指向最高版本号。

Answer 2

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