gulp-sass 错误

Error with gulp-sass

尝试 运行 'gulp serve':

时出现以下错误

[14:14:52] Plumber found unhandled error: Error in plugin 'gulp-sass'

Message: @import directives are not allowed inside mixins and functions

Details: fileName: ./bower_components/bootswatch/spacelab/_bootswatch.scss lineNumber: 8

我升级到最新的节点版本。 运行 "npm rebuild node-sass" 和 "npm rebuild gulp-sass"。我尝试重新安装 bower 包和 npm 包。我可以做出任何假设吗?我可以尝试手动重新安装 npm 包,但大约有 50 个,恐怕它不会做任何事情。

欢迎指点。会在这里直到我解决这个问题。 'npm gulp-sass version' 提供与我的团队相同的版本,并且构建适用于所有这些版本。

我检查了您包含的 Bower 组件的原始来源,并在其中提到的行中看到了以下情况:

@mixin web-font($path){
  @import url("#{$path}");
}

据我所知,"imports" 在 libsass 中是不允许的(这是 gulp-sass 的基础),因为它是有条件的导入(这不是允许出于各种原因),并可能导致可能的错误。 Ruby Sass 那里更宽容一些。

您可能想在那里使用不同的 Bootswatch 包(例如 bootswatch-sass)。