node.js - 获取错误 event.js :174 throw er; everytime I save any scss file

标签 node.js events compiler-errors gulp unhandled

Here's a Screen Shot of the error event.js:174

我做了很多研究并用谷歌搜索了很多。我尝试卸载并重新安装所有内容。再次制作了新文件,但仍然没有运气。我在我的笔记本电脑上尝试过,它运行顺利,没有任何错误。我使用的是 Windows 7 64 位桌面。

我在 Gulp 中做错了什么吗?这是 gulp 代码:

const gulp        = require('gulp');
const sass        = require('gulp-sass');
const autoprefixer = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');
const browserSync = require('browser-sync').create();
const concat = require('gulp-concat');
const minify = require('gulp-minify');
const rename = require('gulp-rename');
const imagemin = require('gulp-imagemin');
const sourcemaps = require('gulp-sourcemaps');
const postcss = require('gulp-postcss');
//const webp = require('gulp-webp');
const log = require('fancy-log');
const g = require("gulp-load-plugins")();
const purgecss = require('gulp-purgecss');
const critical = require('critical').stream;


gulp.task('purgecss', () => {
    return gulp.src('./dist/css/*.css')
        .pipe(purgecss({
            content: ["./dist/*.html"]
        }))
        .pipe(gulp.dest('./dist/css/purged'))
})

// Extract Media Queries & Make Seperate CSS Files
gulp.task("extractmedia", function() {
    gulp.src("./dist/css/*.css")
        .pipe(g.extractMediaQueries())
        .pipe(gulp.dest("./dist/css/"));
});

// CSS Tasks
gulp.task('css-compile', function() {
    gulp.src('scss/**/*.scss')
      .pipe(sass({outputStyle: 'nested'}).on('error', sass.logError))
      .pipe(autoprefixer({
        browsers: ['last 10 versions'],
        cascade: false
      }))
    .pipe(gulp.dest('./dist/css/'));
});

gulp.task('minify-css', function() {
    gulp.src(['./dist/css/*.css', '!dist/css/*.min.css'])
    .pipe(cleanCSS())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest('./dist/css'))
});


// JavaScript Tasks
gulp.task('js-build', function() {

    const plugins = getJSModules();

    return gulp.src(plugins.modules)
      .pipe(concat('modules.js'))
      .pipe(gulp.dest('./dist/js/'));
  });
  
  gulp.task('js-minify', function() {
    gulp.src(['./dist/js/*.js', '!dist/js/*.min.js'])
      .pipe(minify({
        ext:{
          src:'.js',
          min:'.min.js'
        },
        noSource: true,
      }))
      .pipe(gulp.dest('./dist/js'));
  });
  



// Image Compression
gulp.task('img-compression', function() {
gulp.src('./img/*')
    .pipe(imagemin([
    imagemin.gifsicle({interlaced: true}),
    imagemin.jpegtran({progressive: true}),
    imagemin.optipng({optimizationLevel: 5}),
    imagemin.svgo({
        plugins: [
        {removeViewBox: true},
        {cleanupIDs: false}
        ]
    })
    ]))
    //.pipe(webp())
    .pipe(gulp.dest('./dist/img'));
});

// Generate & Inline Critical-path CSS
gulp.task('critical', function () {
    return gulp.src('./dist/*.html')
        .pipe(critical({base: './dist/', inline: true, css: ['./dist/css/app.min.css']}))
        .on('error', function(err) { log.error(err.message); })
        .pipe(gulp.dest('./dist/'));
});

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
    return gulp.src("dist/scss/*.scss")
        .pipe(sass())
        .pipe(gulp.dest("dist/css"))
        .pipe(browserSync.stream({match: '**/*.css'}))
        .pipe(sourcemaps.init())
        .pipe(sass().on('error', sass.logError))
        .pipe(postcss([ autoprefixer({ browsers: [
          'Chrome >= 35',
          'Firefox >= 38',
          'Edge >= 12',
          'Explorer >= 10',
          'iOS >= 8',
          'Safari >= 8',
          'Android 2.3',
          'Android >= 4',
          'Opera >= 12']})]))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('css/'))
        .pipe(cleanCSS())
        .pipe(rename({suffix: '.min'}))
        .pipe(gulp.dest('css/'))
});


// Static Server + watching scss/html files
gulp.task('serve', ['sass'], function() {

    browserSync.init({
        injectChanges: true,
        server: "./dist"
    });

    gulp.watch("dist/scss/*.scss", ['sass']);
    gulp.watch("dist/*.html").on('change', browserSync.reload);
});


gulp.task('default', ['serve'], function() {
    gulp.watch("scss/**/*.scss", ['css-compile']);
    gulp.watch(["dist/css/*.css", "!dist/css/*.min.css"], ['minify-css']);
    gulp.watch("js/**/*.js", ['js-build']);
    gulp.watch(["dist/js/*.js", "!dist/js/*.min.js"], ['js-minify']);

    gulp.watch("**/*", {cwd: './img/'}, ['img-compression']);
});

function getJSModules() {
    delete require.cache[require.resolve('./js/modules.js')];
    return require('./js/modules');
  }

请帮助我,我被困住了。每次我保存 scss 文件时,我都会突然收到此错误,这对我进一步开发来说浪费了很多时间。有时它工作正常,但在保存 3-4 个文件后就会崩溃。

最佳答案

找到解决方案:这一切都与文件夹权限有关。希望这对某人有帮助。

关于node.js - 获取错误 event.js :174 throw er; everytime I save any scss file,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58246238/

相关文章:

node.js - 错误: Failed to find request token in session for passport-twitter

javascript - 无法在VSCode中调试Electron JS应用程序

events - 有什么方法可以在将鼠标悬停在Matlab中的某个点上时触发回调函数吗?

javascript - 仅使用 javascript 添加 onclick 事件

java - 为什么我得到可以由jdk8、10、11、12构建的pom,但不能由jdk9构建?

node.js - 如何在 Gulp-Jade 中设置默认文档类型

node.js - 乔基达尔 : onchange event for a file is possibly triggered to fast

mysql - 是否可以在 MySQL 中回滚 CREATE EVENT?

c - 未定义的函数引用和 ld 返回 1 退出状态错误。没有语法错误。

ios - Swift 代码错误 : CMVideoFormatDescriptionGetCleanAperture