我正在尝试用手表自动完成一项任务,吞咽下去。我是这方面的初学者。
这是代码:
const { series, src, dest, watch } = require('gulp');
const sass = require('gulp-sass');
// Función que compila SASS
function css( ) {
return src('src/scss/app.scss')
.pipe( sass())
.pipe( dest('./build/css') )
}
function minificarcss() {
return src('src/scss/app.scss')
.pipe( sass ({
outputStyle: 'compressed'
}))
.pipe( dest('./build/css') )
}
function watchArchivos() {
watch('src/scss/**/*.scss', css ); // * = La carpeta actual - ** = Todos los archivos con esa extensión
}
exports.css = css;
exports.minificarcss = minificarcss;
exports.watchArchivos = watchArchivos;
这是错误,我不知道为什么会发生,所有文件都写得很好。
错误:
PS C:\Users\Usuario\Desktop\FestivalMusica_inicio> gulp watchArchivos
[07:47:10] Using gulpfile ~\Desktop\FestivalMusica_inicio\gulpfile.js
[07:47:10] Starting 'watchArchivos'...
[07:47:41] Starting 'css'...
[07:47:41] 'css' errored after 19 ms
[07:47:41] Error: File not found with singular glob: C:/Users/Usuario/Desktop/FestivalMusica_inicio/src/scss/app.scss (if this was purposeful, use `allowEmpty` option)
目录的路径写得很好:
确认文件:“C:/Users/Usuario/Desktop/FestivalMusica_inicio/src/scss/app.scss”写入正确。有时我们会忘记一些事情。这个问题,就是这个,文件不存在。
今天,我在尝试 SASS 时也偶然发现了 gulp 中的相同错误消息。我用谷歌搜索了可能的错误原因和解决方案,但找不到任何可以解决这个特定问题的方法。
我仔细检查了所有代码是否有任何意外的错误或遗漏,但找不到任何可以解释@Helder Gonzaga 建议的问题的内容。但最终发现错误是由于与 gulp src() 函数参数中的 SASS 源文件关联的长文件路径名(太深的目录结构)造成的。
解决方案:使路径 'C:/Users/Usuario/Desktop/FestivalMusica_inicio/src/scss/app.scss' 更浅,如 'D:/FestivalMusica_inicio/src/scss/app.scss'