未处理的“错误”事件破坏了@import 声明答案

【问题标题】：Unhandled 'error' event Broken @import declaration未处理的“错误”事件破坏了@import 声明
【发布时间】：2015-10-25 21:31:48
【问题描述】：

您好，我是 gulpjs 的新手，我终于掌握了它，直到我在运行 gulp --production 时遇到此错误：

events.js.:85
    throw er; // Unhandled 'error' event
Error: Broken @import declaration

后面是文件列表。当我单独运行 gulp 时，我没有收到此错误。

我追踪到这个 css 文件：

/* iCheck plugin skins
----------------------------------- */
@import url("minimal/_all.css");
/*
@import url("minimal/minimal.css");
@import url("minimal/red.css");
@import url("minimal/green.css");
@import url("minimal/blue.css");
@import url("minimal/aero.css");
@import url("minimal/grey.css");
@import url("minimal/orange.css");
@import url("minimal/yellow.css");
@import url("minimal/pink.css");
@import url("minimal/purple.css");
*/

@import url("square/_all.css");
/*
@import url("square/square.css");
@import url("square/red.css");
@import url("square/green.css");
@import url("square/blue.css");
@import url("square/aero.css");
@import url("square/grey.css");
@import url("square/orange.css");
@import url("square/yellow.css");
@import url("square/pink.css");
@import url("square/purple.css");
*/

@import url("flat/_all.css");
/*
@import url("flat/flat.css");
@import url("flat/red.css");
@import url("flat/green.css");
@import url("flat/blue.css");
@import url("flat/aero.css");
@import url("flat/grey.css");
@import url("flat/orange.css");
@import url("flat/yellow.css");
@import url("flat/pink.css");
@import url("flat/purple.css");
*/

@import url("line/_all.css");
/*
@import url("line/line.css");
@import url("line/red.css");
@import url("line/green.css");
@import url("line/blue.css");
@import url("line/aero.css");
@import url("line/grey.css");
@import url("line/orange.css");
@import url("line/yellow.css");
@import url("line/pink.css");
@import url("line/purple.css");
*/

@import url("polaris/polaris.css");

@import url("futurico/futurico.css");

我确实验证了是否所有正在导入的文件都存在。不知道怎么回事。

【问题讨论】：

如果您发布您的 Gulp 文件以了解您使用的插件以及您试图从它们中实现的目标将会很有帮助，但猜测您可能使用 gulp 插件“gulp-minify-css”这只是“clean-css”节点库的一个包装器，因此查看这些项目的 github 问题页面将是一个好的开始。

标签： gulp laravel-elixir

【解决方案1】：

我知道这已经五个月大了，但解决办法是从 iCheck 脚本中删除所有 cmets，就像这样...

@import url("minimal/_all.css");
@import url("square/_all.css");
@import url("flat/_all.css");
@import url("line/_all.css");
@import url("polaris/polaris.css");
@import url("futurico/futurico.css");

看起来缩小过程被 cmets 语法阻塞了。这就是我为了构建而必须做的事情。

【讨论】：

【解决方案2】：

在我的情况下，它缺少文件夹中的目录和文件：

示例：

我正在导入@import "icons/font.css"

并且在css文件夹中它没有文件夹 icons/font.css

【讨论】：