Chrome无法使用Gulp/BrowserSync打开localhost:3000

Question

出于某种原因,无论我尝试什么,当使用BrowserSync通过Gulp启动服务器时,Google Chrome似乎永远无法显示http:// localhost:3000(或任何其他指定的端口号).

导航到Firefox中的相同URI,表明它可以工作并且BrowserSync已连接.

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

我将8080上面的端口指定为替代,但即使使用默认设置3000也无法在Chrome中使用.Firefox似乎也可以使用它们.

我去过:chrome:// net-internals/#dns并清除主机缓存,重启等等.没有任何作用.

在Chrome中,我只是收到消息: ERR_CONNECTION_REFUSED

有任何想法吗？谢谢.

PS - 也适用于Safari.

Answer 1

如果这有助于任何人,我想出了问题.

通过BrowserSync提供的公共IP访问该站点,但我仍然需要localhost:3000,所以我进一步调查了Mac上的hosts文件.

默认情况下,此行似乎是影响连接的行:

::1    localhost

你所要做的就是评论这一行,一切都应该没问题:

#::1    localhost

希望这可以帮助有类似问题的人在Mac上使用Gulp和BrowserSync与Chrome.