Sass Gulp 已损坏

Question

我们已经 gulp 运行 sass 和浏览器同步，并且已经运行了大约 6 个月没有问题。我们有大约 60 个 sass 和 scss 文件正在动态编译成 CSS。

一切进展顺利，然后前端编译器突然开始抛出数百万个错误 - 好像有人进入 75% 的 sass 文件并添加分号、删除空格、移动空格，然后出现错误在 _media.scss 文件中我不明白。

怎么会突然就这样？我现在不知道该怎么办 - 我花了大约 45 分钟试图解决所有错误，但错误太多了。

Answer 1

由于这个问题，我了解到当 gulp-sass 崩溃时，可能是由于缩进不正确或类似原因导致的 Sass 或 Scss 语法错误。它可能不是由 Gulp 或 Sass 或 Gulp-Sass 或其他 js 插件损坏引起的。

真是一个启示。

这对我来说并不明显，因为我通常会将 sass 语法错误打印到控制台，并且我认为这会发生在所有 sass 错误上，但这个错误似乎更具破坏性，因为它输入了一个 sass 循环。

找到错误的唯一方法是逐个禁用所有 sass 文件，直到 sass-gulp 停止崩溃。然后调试故障文件。

如果您将 sass/sass 文件分解为非常小的文件和文件夹并使用 @import 包含它们，这将有助于调试。然后你可以很容易地注释掉@import行，找到错误的文件。

如果你有这个问题并且你肯定没有 Sass 错误（不太可能）-

这是我在https://github.com/sass/node-sass/issues/918 找到的我准备尝试的随机列表：

1.最初我以为我通过卸载并重新安装 gulp-sass 来修复它。

1. 完全删除 node_modules 目录并执行全新的 npm 安装
2. 执行 npm 卸载 gulp 和 gulp-sass，然后重新安装 npm
3. 全局安装 node-sass，全局卸载 node-sass。
4. 从 node_modules/gulp-sass 目录中执行 npm 重建 node-sass
5. 使用 node-sass@2 进行 npm 安装，然后使用 node-sass@3 安装，但不起作用
6. 我的头反复撞在桌子上