ブラウザの同期（gulp）は、お尻を変更した後にページを更新しません。

Question

私はsassとbrowser-syncを使用してアプリケーションをビルドします。私はjhipsterを使って構成を生成しました。

* .scssファイルを変更すると、ページが自動的に更新されません。ここに私のgulpfile.jsの一部です：

gulp.task('sass', function() { 
    return gulp.src(config.scss + '**/*.{scss,sass}') 
     .pipe(plumber({errorHandler: handleErrors})) 
     .pipe(changed(config.app + 'assets/styles', {extension: '.css'})) 
     .pipe(sass({includePaths:config.importPath}).on('error', sass.logError)) 
     .pipe(gulp.dest(config.app + 'assets/styles')); 
}); 

gulp.task('styles', ['sass'], function() { 
    return gulp.src(config.app + 'assest/styles') 
     .pipe(browserSync.reload({stream: true})); 
}); 

ファイルもjhipsterによって生成されました。私はstackoverflowで見つかったすべてのソリューションを試してみましたが、何も機能しませんでした。コードに何か問題がありますか？

必要な場合は、全ファイルを投稿することができます。

Answer 1

試してみてください。

gulp.task('sass', function() { 
return gulp.src(config.scss + '**/*.{scss,sass}') 
    .pipe(plumber({errorHandler: handleErrors})) 
    .pipe(changed(config.app + 'assets/styles', {extension: '.css'})) 
    .pipe(sass({includePaths:config.importPath}).on('error', sass.logError)) 
    .pipe(gulp.dest(config.app + 'assets/styles')); 
    .pipe(browserSync.reload({stream: true})); 
}); 

と実行タスクsass

Answer 2

JHipster 2.27.2 releaseはSASSと、ブラウザ同期といくつかの問題を修正しました。 JHipsterを更新してプロジェクトを再生成してください。