Gulp 浏览器同步问题：http://192.168.1.104:8080/ 不工作答案

【问题标题】：Gulp Browser Sync Issue: http://192.168.1.104:8080/ Not WorkingGulp 浏览器同步问题：http://192.168.1.104:8080/ 不工作
【发布时间】：2018-02-08 17:34:38
【问题描述】：

我是 WordPress 的初学者。我正在学习使用下划线构建 WordPress 主题。在命令行中键入“gulp”后，http://192.168.1.104:8080/ 正在浏览器中打开。它继续加载，但最终出现此错误：

This page isn’t working
192.168.1.104 didn’t send any data.
ERR_EMPTY_RESPONSE

这是我的 gulp.js 文件：

var themename = 'kanonscores';

var gulp = require('gulp'),
    // Prepare and optimize code etc
    autoprefixer = require('autoprefixer'),
    browserSync = require('browser-sync').create(),
    image = require('gulp-image'),
    jshint = require('gulp-jshint'),
    postcss = require('gulp-postcss'),
    sass = require('gulp-sass'),
    sourcemaps = require('gulp-sourcemaps'),

    // Only work with new or updated files
    newer = require('gulp-newer'),

    // Name of working theme folder
    root = '../' + themename + '/',
    scss = root + 'sass/',
    js = root + 'js/',
    img = root + 'images/',
    languages = root + 'languages/';


// CSS via Sass and Autoprefixer
gulp.task('css', function() {
    return gulp.src(scss + '{style.scss,rtl.scss}')
    .pipe(sourcemaps.init())
    .pipe(sass({
        outputStyle: 'expanded', 
        indentType: 'tab',
        indentWidth: '1'
    }).on('error', sass.logError))
    .pipe(postcss([
        autoprefixer('last 2 versions', '> 1%')
    ]))
    .pipe(sourcemaps.write(scss + 'maps'))
    .pipe(gulp.dest(root));
});

// Optimize images through gulp-image
gulp.task('images', function() {
    return gulp.src(img + 'RAW/**/*.{jpg,JPG,png}')
    .pipe(newer(img))
    .pipe(image())
    .pipe(gulp.dest(img));
});

// JavaScript
gulp.task('javascript', function() {
    return gulp.src([js + '*.js'])
    .pipe(jshint())
    .pipe(jshint.reporter('default'))
    .pipe(gulp.dest(js));
});


// Watch everything
gulp.task('watch', function() {
    browserSync.init({ 
        open: 'external',
        proxy: 'kanonscores.com',
        port: 8080
    });
    gulp.watch([root + '**/*.css', root + '**/*.scss' ], ['css']);
    gulp.watch(js + '**/*.js', ['javascript']);
    gulp.watch(img + 'RAW/**/*.{jpg,JPG,png}', ['images']);
    gulp.watch(root + '**/*').on('change', browserSync.reload);
});


// Default task (runs at initiation: gulp --verbose)
gulp.task('default', ['watch']);

当我通过 NetBeans 进入“gulp.dev”目录的“node_modules”时，我注意到“browser-sync”、“gulp”和“gulp-saas”文件夹中有一些错误。

你可以在这里找到整个 gulp.dev 目录： https://drive.google.com/open?id=1HaFcW0dCMIH3t8Dyg8f8hcQwxfux0GnT

我应该附上整个练习文件，包括 WordPress 文件吗？

【问题讨论】：

标签： wordpress gulp browser-sync gulp-browser-sync

【解决方案1】：

尝试将您的 gulp watch 任务代理更改为“localhost”

gulp.task('watch', function() {
    browserSync.init({ 
        proxy: 'localhost',
        port: 8080
    });
    gulp.watch([root + '**/*.css', root + '**/*.scss' ], ['css']);
    gulp.watch(js + '**/*.js', ['javascript']);
    gulp.watch(img + 'RAW/**/*.{jpg,JPG,png}', ['images']);
    gulp.watch(root + '**/*').on('change', browserSync.reload);
});

【讨论】：

【解决方案2】：

我的错！我还没有启动 WAMP。我是一个可怜的初学者！

【讨论】：