Zurb Foundation 错误：没有 mixin 命名面板

Question

在"foundation": "5.3.0", 上，为什么在编译 Sass 时（通过 gulp-sass）会产生以下 error: no mixin named panel？

//#app.scss
@import 'foundation/scss/normalize.scss';
@import 'foundation/scss/foundation.scss';
@import 'foundation/scss/foundation/functions'
@import 'purveyor/p.scss';

---

//#p.css
.content-box {
   @include panel();
}

好像我错过了一些导入，但是哪个？

也许还值得包括：

//# foundation/scss/foundation.scss
@import
  "foundation/components/grid",
  "foundation/components/accordion",
  "foundation/components/alert-boxes",
  "foundation/components/block-grid",
  "foundation/components/breadcrumbs",
  "foundation/components/button-groups",
  "foundation/components/buttons",
  "foundation/components/clearing",
  "foundation/components/dropdown",
  "foundation/components/dropdown-buttons",
  "foundation/components/flex-video",
  "foundation/components/forms",
  "foundation/components/icon-bar",
  "foundation/components/inline-lists",
  "foundation/components/joyride",
  "foundation/components/keystrokes",
  "foundation/components/labels",
  "foundation/components/magellan",
  "foundation/components/orbit",
  "foundation/components/pagination",
  "foundation/components/panels", //<--- shouldn't this be providing the mixin?
  "foundation/components/pricing-tables",
  "foundation/components/progress-bars",
  "foundation/components/range-slider",
  "foundation/components/reveal",
  "foundation/components/side-nav",
  "foundation/components/split-buttons",
  "foundation/components/sub-nav",
  "foundation/components/switches",
  "foundation/components/tables",
  "foundation/components/tabs",
  "foundation/components/thumbs",
  "foundation/components/tooltips",
  "foundation/components/top-bar",
  "foundation/components/type",
  "foundation/components/offcanvas",
  "foundation/components/visibility";

Answer 1

正如here 解释的那样，Sass 编译它找到的每个 .scss 文件如果它不以下划线开头，所以当它找到 p.scss 时它会在没有其他导入名称的情况下编译它.修复将文件名更改为_p.scss