Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 吞咽命令运行永不结束_Node.js_Npm_Sass_Gulp - Fatal编程技术网

Node.js 吞咽命令运行永不结束

Node.js 吞咽命令运行永不结束,node.js,npm,sass,gulp,Node.js,Npm,Sass,Gulp,我从网站上购买了模板材料。在我已经获得了模板包之后,我已经从随模板附带的文档开始安装,如下所示: 从安装Node.js 打开终端,导航至material pro/ 安装npm:npm安装--全局npm@latest 安装纱线:npm安装——全球纱线 安装gulp:npm安装--全局gulp cli 复制吞咽:gulpcopy 根模板中的gulpfile.js如下所示: //gulpfile.js console.time("Loading plugins"); //start

我从网站上购买了模板材料。在我已经获得了模板包之后,我已经从随模板附带的文档开始安装,如下所示:

  • 从安装Node.js
  • 打开终端,导航至
    material pro/
  • 安装npm:
    npm安装--全局npm@latest
  • 安装纱线:
    npm安装——全球纱线
  • 安装gulp:
    npm安装--全局gulp cli
  • 复制吞咽:
    gulpcopy
  • 根模板中的
    gulpfile.js
    如下所示:

    //gulpfile.js
    console.time("Loading plugins"); //start measuring
    const gulp = require('gulp'),
        minifyCSS = require('gulp-clean-css'),
        uglify = require('gulp-uglify'),
        rename = require("gulp-rename"),
        sass = require('gulp-sass'),
        npmDist = require('gulp-npm-dist');
    console.timeEnd('Loading plugins');
    
    const sassFiles = 'src/assets/scss/*.scss',
        cssDest = 'dist/css/';
    
    //compile scss into css
    function style() {
        return gulp.src(sassFiles)
            .pipe(sass().on('error', sass.logError))
            .pipe(gulp.dest(cssDest));
    }
    
    //This is for the minify css
    async function minifycss() {
        return gulp.src(['dist/css/*.css', '!dist/css/**/*.min.css'])
            .pipe(rename({
                suffix: '.min'
            }))
            .pipe(minifyCSS())
            .pipe(gulp.dest(cssDest));
    }
    
    // This is for the minifyjs
    async function minifyjs() {
        return gulp.src(['dist/js/custom.js','dist/js/app.js', '!dist/js/custom.min.js',  '!dist/js/app.min.js'] )
            .pipe(rename({
                suffix: '.min'
            }))
            .pipe(uglify())
            .pipe(gulp.dest('dist/js'));
    }
    
    // Copy dependencies to ./public/libs/
    async function copy() {
        gulp.src(npmDist(), {
                base: './node_modules'
            })
            .pipe(gulp.dest('./src/assets/libs'));
    };
    
    async function watch() {
        gulp.watch(['src/assets/scss/**/*.scss'], style);
        gulp.watch(['dist/css/style.css'], minifycss);
        gulp.watch(['dist/js/**/*.js', '!dist/js/**/*.min.js'], minifyjs);
    }
    
    
    gulp.task('default', watch);
    
    exports.style = style;
    exports.minifycss = minifycss;
    exports.minifyjs = minifyjs;
    exports.copy = copy;
    exports.watch = watch;
    
    毕竟,我对模板scss文件做了一些更改,并运行
    gulp
    命令。此时,gulp命令run从未完成unitl,终端上的输出如下

    Loading plugins: 539.410ms
    [17:01:03] Using gulpfile ~/Documents/documentation/materialpro-bootstrap-latest/material-pro/gulpfile.js
    [17:01:03] Starting 'default'...
    [17:01:03] Finished 'default' after 18 ms
    
    这出了什么问题?请帮忙,谢谢


    附言:如果我的问题不完整或有什么问题,请道歉,如果我建议的话,请尝试添加更多细节。

    您的吞咽代码很好。对您的scss或js文件进行了一些更改,它将显示一些更改

    拔除

  • 默认命令是
    gulp.task('default',watch)
  • 当您运行
    gulp
    时,它开始监视您的SCS、css、js代码。如果有新的更改,它将执行该命令
  • 建议。像这样使用

    async function watch() {
        gulp.watch(['src/assets/scss/**/*.scss'], style, minifycss);
        gulp.watch(['dist/js/**/*.js', '!dist/js/**/*.min.js'], minifyjs);
    }
    

    在您的scss文件中,您导入了“@import of”icons/font awesome/css/fontsawesome all.css”,该路径不正确,或者该css文件需要一些字体文件。可能是一个也不见了。请检查一下,让我知道。如果一切正常,那么添加该文件以暂时忽略,如果它阻止您进一步开发。同时也分享你的scss文件我运行gulp样式、gulp minifycss和gulp minifyjs,它们工作得很好,除了我运行gulp时,所有东西都被再次挂起。而且我已经按照你的建议改变了。谢谢,我做到了,所以我把Fontawsome复制到文件夹dist,所以我消除了这个错误。但还是命令
    gulp
    还是挂了:)很高兴知道。是的,我在dist/bootstrap文件夹中找到了boostrap.css和其他css文件,我以为它们是从我刚才激活的vs代码扩展sass live编译器创建的。因此,我删除了那些css文件,它们再次工作,非常感谢:)