Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

Sự cố với Gulp 4.browser-sync // Tác vụ sau chưa hoàn thành: đồng bộ hóa trình duyệt

In lại Tác giả: Walker 123 Thời gian cập nhật: 28-11-2023 00:37:19 30 4
mua khóa gpt4 Nike

Không hiểu lỗi đồng bộ hóa trình duyệt, hãy đọc tài liệu, gulp 4 thực sự không viết gì về nó. Cũng không có sự hiểu biết về (không đồng bộ) trong tài liệu của gulp 4. Làm thế nào để giải quyết vấn đề này. Cảm ơn. bla bla bla bla bla bla bla bla bla bla

 'mặc định' bị lỗi sau 23 ms
 Các tác vụ sau chưa hoàn thành: đồng bộ hóa trình duyệt
 Bạn đã quên báo hiệu hoàn thành không đồng bộ?

var gulp = require('gulp'),
      gutil = require('gulp-util' ),
      sass = require('gulp-sass'),
      browserSync = require('đồng bộ hóa trình duyệt'),
      concat = require('gulp-concat'),
      uglify = require('gulp-uglify'),
      cleancss = require('gulp-clean-css'),
      đổi tên = require('gulp-rename'),
      autoprefixer = require('gulp-autoprefixer'),
      thông báo = yêu cầu ('gulp-notify');

gulp.task('browser-sync', function() {
    browserSync({
        máy chủ: {
            baseDir: 'ứng dụng'
        },
        thông báo: sai,
        // mở: sai,
        // trực tuyến: sai, // Làm việc ngoại tuyến mà không cần kết nối Internet
        // đường hầm: đúng, đường hầm: "tên dự án", // Trang trình diễn: http://projectname.localtunnel.me
    })
});

gulp.task('styles', function() {
    trả về gulp.src('app/'+syntax+'/**/*.'+syntax+'')
    .pipe(sass({ outStyle: 'expanded' }).on("error", notification.onError()))
    .pipe(đổi tên({ hậu tố: '.min', tiền tố : '' }))
    .pipe(autoprefixer(['15 phiên bản cuối']))
    .pipe(cleancss( {level: { 1: { SpecialComments: 0 } } }))
    .pipe(gulp.dest('app/css'))
    .pipe(browserSync.stream())
});

gulp.task('scripts', function() {
    trả về gulp.src([
        'app/libs/jquery/dist/jquery.min.js',
        'app../../../js/common.js',
        ])
    .pipe(concat('scripts.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('app/js'))
    .pipe(browserSync.reload({stream: true }))
});

gulp.task('code', function() {
    trả về gulp.src('app/*.html')
    .pipe(browserSync.reload({stream: true }))
});


    gulp.task('watch', function() {
        gulp.watch('app/'+syntax+'/**/*.'+syntax+'', gulp.parallel('styles'));
        gulp.watch(['libs/**/*.js', 'app../../../js/common.js'], gulp.parallel('scripts'));
        gulp.watch('app/*.html', gulp.parallel('code'))
    });
    gulp.task('default', gulp.parallel('watch', 'browser-sync'));

câu trả lời hay nhất

Sử dụng cái này thay thế:

gulp.task('browser-sync', function(done) {
    browserSync({
        máy chủ: {
            baseDir: 'ứng dụng'
        },
        thông báo: sai,
        // mở: sai,
        // trực tuyến: sai, // Làm việc ngoại tuyến mà không cần kết nối Internet
        // đường hầm: đúng, đường hầm: "tên dự án", // Trang trình diễn: http://projectname.localtunnel.me
    });
    xong();
});

Để ý xong - Đây là một cách đơn giản để cho biết tác vụ cài đặt đồng bộ hóa trình duyệt đã hoàn tất. Nhìn thấy gọi lại để báo hiệu hoàn thành không đồng bộ .

Gửi @Dirk về việc không sử dụng .tạo nên() Để nhận xét, vui lòng xem

Cú pháp đăng bài 2.0.0 (được khuyến nghị)

Mặc dù cách trên vẫn được hỗ trợ [ed. no create()], nhưng giờ đây chúng tôi khuyên bạn nên thực hiện cách sau. Gọi .create() nghĩa là bạn có được một tham chiếu duy nhất và cho phép bạn tạo nhiều máy chủ hoặc proxy.

từ tài liệu api .

Do đó, việc sử dụng tạo cho phép mở nhiều phiên bản browserSync - phục vụ các tệp khác nhau hoặc xem/tải lại các tệp khác nhau - nhưng không cần thiết trong các trường hợp đơn giản hơn.

Câu hỏi về javascript - Gulp 4.browser-sync // Tác vụ sau chưa được hoàn thành: đồng bộ hóa trình duyệt, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/54077113/

30 4 0
Đề xuất bài viết: Tính toán bố trí lưới dựa trên các kết nối?
Đề xuất bài viết: c++ - con trỏ truy cập bên trong đối tượng
Đề xuất bài viết: Lặp lại qua các bản đồ/đối tượng lồng nhau từ các khóa trong mảng
Đề xuất bài viết: Tiêu chuẩn C++ có ý nghĩa gì về thời điểm bắt đầu vòng đời của một đối tượng?
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress