Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.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
Javascript 编译SASS时吞咽browserify/browser sync意外标记_Javascript_Gulp_Gulp Sass - Fatal编程技术网

Javascript 编译SASS时吞咽browserify/browser sync意外标记

Javascript 编译SASS时吞咽browserify/browser sync意外标记,javascript,gulp,gulp-sass,Javascript,Gulp,Gulp Sass,我已经创建了一个gulpfile.js,到目前为止运行良好,但是我尝试添加browser sync并更改.scss-文件时,我得到了这个错误ParseError:unexpected token,我不知道为什么会发生这种情况。另一件事是,即使在我的server.js中设置了app.listen(3000),它也会打开一个带有localhost:3001的窗口 这是我的gulpfile.js: var gulp = require('gulp'), connect = require('gu

我已经创建了一个
gulpfile.js
,到目前为止运行良好,但是我尝试添加
browser sync
并更改
.scss
-文件时,我得到了这个错误
ParseError:unexpected token
,我不知道为什么会发生这种情况。另一件事是,即使在我的
server.js
中设置了
app.listen(3000)
,它也会打开一个带有
localhost:3001
的窗口

这是我的
gulpfile.js

var gulp = require('gulp'),
   connect = require('gulp-connect'),
   uglify = require('gulp-uglify'),
   sass = require('gulp-ruby-sass'),
   webserver = require('gulp-webserver'),
   browserify = require('gulp-browserify'),
   browserSync = require("browser-sync").create();


  gulp.task('browser-sync', function(){
     browserSync.init({
        server: {
           baseDir: "./public"
        }
     });
  })

 gulp.task('styles', function() {
    return sass('public/scss/*.scss')
    .pipe(browserify())
    .pipe(uglify()) 
    .pipe(gulp.dest('public/css'));
 });

 gulp.task('watch', function(){
   gulp.watch('public/scss/*.scss', ['styles'])
 })

gulp.task('webserver', function() {
  gulp.src('root')
  .pipe(webserver({
    livereload: true,
    directoryListing: true,
    port: 3000
  }));
}); 

gulp.task('default', ['webserver', 'watch', 'browser-sync'])

那么,有人知道我做错了什么吗???

它是否告诉您错误发生在哪一行/文件中?它告诉我错误来自.scss文件的第一行:
body{
您能更新您的问题并添加css文件以便重现错误吗?我不确定,但您不应该在使用sass之前先阅读文件,然后再使用sass吗?
gulp.src('files.scss').pipe(sass().on('error',sass.logError))
。同时尝试添加
gulp plumber
它可能会帮助您找出真正的问题所在。它是否告诉您错误发生在哪一行/文件中?它告诉我错误来自.scss文件的第一行:
正文{
你能更新你的问题并添加css文件以便重现错误吗?我不确定,但你不应该先阅读文件,然后使用sass吗?
gulp.src('files.scss').pipe(sass().on('error',sass.logError))
。同时尝试添加
gulp plumber
这可能会帮助你找出真正的问题