0

我正在尝试遵循 Lynda.com 上的 wordpress 指南，该指南指示我使用 npm 和 Browser-Sync。当我在 Windows 机器上工作时一切正常，但我最近设置了一个 linux 服务器（Ubuntu 16.04），似乎无法访问浏览器同步给我的外部 URL。我在同一个网络上，它在我的任何设备上都不起作用。我将站点设置为http://custom.local。下面是我用来启动浏览器同步的 Gulpfile.js。

var themename = 'custom';

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() {
gulp.task('watch', function() {
        browserSync.init({
                open: false,
                proxy: 'custom.local',
                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']);

我试过使用不同的端口，设置隧道：真，以及我能找到的任何其他东西，但我什么也没得到。任何帮助都将是惊人的。

谢谢，

4

1 回答 1

0

如果您遇到此问题并遇到类似问题，我只是修复了它。我使用的是无头环境，所以我没有考虑在主机文件中设置条目。

/etc/hosts

127.0.0.1 自定义.本地

于 2017-05-11T20:11:22.873 回答