Css 错误：未导入或不可读的导入文件：基础

我的项目结构：

project
  assets
    scripts
    styles
      foundation
        _settings.scss
      app.scss
  bower_components
  node_modules
  public
    css
      app.min.css
    js
  bower.json
  gulpfile.js
  package.json

< >我使用GULP SASS编译App.SCSS到App.M.CSS，我希望基础SCSS文件包含在我的应用程序中。SCSS

下面是gulpfile.js：

gulp.task('styles', function() {
    return gulp.src('./assets/styles/app.scss')
    .pipe(sass({
        includePaths: ['./bower_components/foundation/scss']
    }))
    .pipe(autoprefixer({
        browsers: ['last 2 versions']
    }))
    .pipe(concat('app.min.css'))
    .pipe(minifyCss())
    .pipe(gulp.dest('./public/css'))
    .pipe(connect.reload());
});

和app.scss：

@import 'foundation/settings';
@import 'foundation';

当我更改_settings.scss并运行gulp时，所有更改都会被保存和编译。但是当gulp在观看app.scss时，我在_settings.scss中更改了一些内容，我得到了以下错误：

Error: assets\styles\app.scss
  1:9  file to import not found or unreadable: foundation/settings
Current dir:
    at options.error (D:\Dropbox\foundation-project\node_modules\gulp-sass\node_modules\node-sass\lib\index.js:276:32)

---

最令人困惑的是，有时我在运行gulp时会遇到相同的错误，有时我甚至在gulp正在等待应用程序时也不会出现这种错误。scss将编译并运行您的项目

我在PHP暴中恢复了同样的警报，它呈现得很好，但是在某个时候，基础框架CSS没有加载。为了解决此问题，我执行了以下操作：

1 settings.scss添加行-@import'foundation/_functions'；

---

2在app.scss中添加以下导入：@import'foundation'

最后一句话让我困惑：这个错误每次都会发生吗？或者只是在被观察者触发时？如果多次运行“吞咽样式”，会发生什么情况？您也可以发布监视过程吗？也可以是：您有两个对foundation/settings有效的文件，一个在bower组件中，一个在assets目录中。也许你得到了一个经典的比赛条件。关于两个对基础/设置有效的文件，你是对的。我应该删除bower组件中的一个吗？OP根本没有表明他们正在使用phpStorm，他们正在使用Gulp作为构建过程。