错误：要导入的文件找不到或无法读取：基础

我的项目结构：错误：要导入的文件找不到或无法读取：基础

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

我用一口-SASS编译app.scss到app.min.css，我想基础SCSS文件包括在我的app.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时，所有更改都会保存并编译。但是，当大口是看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)

最令人困惑的事情，有时我得到同样的错误，当我运行一饮而尽，有时我不即使在吞咽的时候也能得到这个app.scss

来源

2015-09-10 Benjamin Trepachko

最后一句让我困惑：这个错误是否每次都发生？或者只是在被观察者触发时？如果你多次运行“吞食风格”，会发生什么？你也可以发布观看流程吗？ – ddprrt

也可能是这样的：您有两个对“基础/设置”有效的文件，一个在您的bower组件中，另一个在您的资产目录中。也许你会在那里得到古典竞赛条件。 – ddprrt

你说得对“基础/设置”有效的两个文件是正确的。我应该删除一个内部凉亭组件？ –

-1

你的项目将被编译并运行。

我在phpStorm上收到同样的警报，它呈现得很好，但是在某一时刻基础框架CSS没有加载。要解决此问题，我做了以下操作：

1）settings.scss在线添加'' - @import'foundation/_functions'; 2）在app.scss中添加以下导入：@import'foundation';

来源

2015-12-17 23:40:28

OP并不表示他们使用phpStorm，他们使用Gulp作为构建过程。 – cimmanon

错误：要导入的文件找不到或无法读取：基础

回答

相关问题