Laravel Elixir 6在“ gulp watch”上异常

Question

当我尝试运行gulp watch ，出现此错误：

stream.js:74
      throw er; // Unhandled stream error in pipe.
      ^

Error: ENOENT: no such file or directory, stat 'XXXX\public\build\css\client-18724fe72d.css'
    at Error (native)

我试图将client.scss文件保留为空，并且错误消失了。 我发现在client.scss包含以下client.scss行时有时会出现错误：

// Pages
@import 'pages/client/auth';
@import 'pages/client/normals';
@import 'pages/client/orders';

我已经检查了它们中的每一个，并且语法或类似内容没有任何问题。 更重要的是，当我运行gulp ，它可以正常工作而没有任何错误。

这是我的gulpfile.js：

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

elixir(mix => {
    mix
        .sass('app.scss')
        .sass('client.scss', 'public/css/client.css')
        .sass('panel.scss', 'public/css/panel.css')
        .copy('resources/assets/fonts', 'public/build/fonts')
        .copy('resources/assets/images', 'public/build/images')
        .webpack('app.js')
        .webpack('panel.js')
        .version(['css/app.css', 'css/client.css', 'css/panel.css', 'js/app.js', 'js/panel.js'])
});

这是文件结构：

我在这里做错什么了吗？

Answer 1

正如您在gulpfile.js看到的gulpfile.js ，我将文件/文件夹复制到/build文件夹，这可能是Laravel Elixir 6上的问题，当我现在考虑时，这听起来也很糟糕。

因此，我为解决此问题所做的是：

• 从gulpfile.js删除这些行：

   .copy('resources/assets/fonts', 'public/build/fonts') .copy('resources/assets/images', 'public/build/images') 

• 将fonts和images文件夹放入storage/app/public

• 运行php artisan storage:link （存储：link artisan命令）
• 将资产文件中的路径更改为新目录
• gulp

它解决了我的问题。 现在，我可以再做一次大gulp watch了。

赞扬ejdelmonico的广播节目 。

Answer 2

把我的两分钱丢在这里。 我遇到了同样的问题，当我停止使用开始/相对路径选项并使用完整的相对路径（相对于/ resources）时，它就消失了。

所以代替：

mix.styles([
    'vendors/jquery-steps/demo/css/jquery.steps.css',
    'vendors/pace/pace-minimal.css',
    'vendors/bootstrap/dist/css/bootstrap.min.css',
    '../node_modules/sweetalert2/dist/sweetalert2.min.css',
], 'public/css/vendors.css', 'public');

这行得通，并且再次gulp watch ：

mix.styles([
    '../../../public/vendors/jquery-steps/demo/css/jquery.steps.css',
    '../../../public/vendors/pace/pace-minimal.css',
    '../../../public/vendors/bootstrap/dist/css/bootstrap.min.css',
    '../../../node_modules/sweetalert2/dist/sweetalert2.min.css',
], 'public/css/vendors.css');

它不漂亮，但是可以用。