_setting.scss 在 Foundation 6 中找不到或无法读取要导入的文件

Question

我已经通过foundation cli 安装了foundation 6，并选择了zurb-template。当我运行

时一切正常

foundation watch

从这一刻起，我在 src 文件夹中更改的任何文件都会导致浏览器重新加载。当我自己更改任何内容时，问题就出现了 _settings.scss.

我收到的错误信息是：

Error in plugin 'sass'
Message:
    src\assets\scss\app.scss
Error: File to import not found or unreadable: settings
       Parent style sheet: 
D:/wamp64/www/investoo_frontend2/src/assets/scss/app.scss
        on line 3 of src/assets/scss/app.scss
>> @import 'settings';
   ^

我的文件夹结构是：

my-project
    ├─ dist
    ├─ node-modules
        ├─ foundation-sites
        ├─ jquery
        ├─ what-input
        ├─ ...
    ├─ src
        ├─ assets
            ├─ js
            ├─ scss
                ├─ _settings.scss
                ├─ app.scss

在 app.scss 我正在导入我需要的一切：

@charset 'utf-8';
@import 'settings';
@import 'foundation';
@import 'motion-ui';
@include foundation-global-styles;
@include foundation-grid;

在config.yml中我使用了正确的路径：

PATHS:
...
  # Paths to Sass libraries, which can then be loaded with @import
  sass:
    - "src/assets/scss"
    - "node_modules/foundation-sites/scss"
    - "node_modules/motion-ui/src"

有什么帮助吗？

非常感谢。

Answer 1

您是否尝试将 @import 'settings' 放在 @import 'foundation' 之后？实际上是列表中的最后一个导入？

_setting.scss 在 Foundation 6 中找不到或无法读取要导入的文件

_setting.scss file to import not found or unreadable in Foundation 6

sass

zurb-foundation

gulp-sass

zurb-foundation-6