流明/長生不老葯-找不到導入文件或不可讀

Question

我需要在Lumen項目中從廚房水槽中制成的不銹鋼中設置不銹鋼。 這是我第一次設置它，所以我想知道如何為此設置gulpfile.js？

我已經通過運行npm install安裝了node_modules，並且還安裝了laravel elixir。

我把我的文件夾/文件結構看起來像這樣：

resources/assets/img
                /js/app.js
                /sass/_settings.scss
                      app.scss

我的gulpfile.js看起來像這樣：

var elixir = require('laravel-elixir');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Sass
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function(mix) {
    mix.sass('app.scss');
});

但是當我運行gulp時，所有導入都會出錯，並且包含在我的scss文件中：

這是我的scss文件的樣子：

app.scss

@import "settings";
@import "foundation";
@import "motion-ui";

@include foundation-flex-grid;
@include foundation-global-styles;
@include foundation-typography;
@include foundation-button;
@include foundation-forms;
@include foundation-visibility-classes;
@include foundation-float-classes;
@include foundation-flex-classes;
// @include foundation-accordion;
// @include foundation-accordion-menu;
// @include foundation-badge;
// @include foundation-breadcrumbs;
// @include foundation-button-group;
// @include foundation-callout;
// @include foundation-close-button;
// @include foundation-drilldown-menu;
// @include foundation-dropdown;
// @include foundation-dropdown-menu;
// @include foundation-flex-video;
// @include foundation-label;
// @include foundation-media-object;
// @include foundation-menu;
// @include foundation-off-canvas;
// @include foundation-orbit;
// @include foundation-pagination;
// @include foundation-progress-bar;
// @include foundation-slider;
// @include foundation-sticky;
// @include foundation-reveal;
// @include foundation-switch;
// @include foundation-table;
// @include foundation-tabs;
// @include foundation-thumbnail;
// @include foundation-title-bar;
// @include foundation-tooltip;
// @include foundation-top-bar;

@include motion-ui-transitions;
@include motion-ui-animations;

我的_setttings.scss有這一行，我得到一個錯誤：

@import 'util/util';

錯誤：

{[錯誤：資源/資產/sass/_settings.scss錯誤：找不到或不可讀的導入文件：util / util父樣式表：/ Users / markodraksic / Projects / Quiz-landing-page / resources / assets / sass / _settings .scss在資源/資產/sass/_settings.scss的第42行

@import'util / util';

Answer 1

我轉載了您的錯誤，並在此處找到了解決方案。

您可以嘗試將軟件包復制到資源中。

將復制方法添加到您的gulpfile中：

elixir(function(mix) {
    mix.copy('node_modules/foundation-sites/scss', 'resources/assets/sass') 
       .sass('app.scss');
});

另一種選擇是添加一個包含路徑（我無法使用）。