模块构建失败:错误:在 css 导入 Laravel Mix 中写入 EPIPE(或使 processCssUrls:false)

Posted

技术标签:

【中文标题】模块构建失败:错误:在 css 导入 Laravel Mix 中写入 EPIPE(或使 processCssUrls:false)【英文标题】:Module build failed: Error: write EPIPE (or make processCssUrls:false) in css imports Laravel Mix 【发布时间】:2018-09-08 06:26:37 【问题描述】:

我正在使用 Laravel Mix 在 Laravel 5.6(Ubuntu 16.04,Node 9.6.1)上使用 React 构建应用程序。当我尝试为后端构建 SCSS 时,一切顺利。

mix.sass('resources/assets/sass/app.scss', 'public/css').options(
    processCssUrls: false
);

但是,当我尝试构建 React 应用程序时,它失败了。

mix.react('resources/assets/js/app.js', 'public/js').options(
    processCssUrls: false
);

在模块中导入 CSS 的原因。它开始处理 CSS URL 并最终失败。

问题是它以一种非常奇怪的方式失败了,

ERROR in ./resources/assets/img/banner_3_back.jpg
Module build failed: Error: write EPIPE
    at _errnoException (util.js:1003:13)
    at WriteWrap.afterWrite [as oncomplete] (net.js:852:14)

在一些文件(存在)上。所有文件的权限相同。

实际上,我根本不想弄乱 CSS 导入 URL(但不知道如何排除它们)。

所以问题是如何解决错误或(更好地)在 Laravel Mix 导入中禁用 CSS url 检查?

【问题讨论】:

【参考方案1】:

这是在 Ubuntu 16.04 上运行的 image-webpack-loader 4.0.0 的问题。 imagemin-mozjpeg 包有问题。你可以通过安装libpng16-dev来解决这个问题:

sudo apt-get install libpng16-dev

Reference

【讨论】:

以上是关于模块构建失败:错误:在 css 导入 Laravel Mix 中写入 EPIPE(或使 processCssUrls:false)的主要内容,如果未能解决你的问题,请参考以下文章

Webpack 模块构建失败不是有效的 CSS 值

模块构建失败:未知单词(2:9)| bundle / webpack的问题(react,redux,js,node)

错误:模块构建失败(来自 ./node_modules/mini-css-extract-plugin/dist/loader.js):

尝试通过路径导入模块失败[重复]

如何忽略 Next.js 组件中导致单元测试中的解析错误的 CSS 模块导入

是否可以使用 ES6 模块导入 .css 文件?