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

时间:2015-08-23 21:26:37

标签: google-chrome gulp browser-sync

出于某些原因,无论我尝试什么,Google Chrome在使用BrowserSync通过Gulp启动服务器时似乎永远无法显示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。

5 个答案:

答案 0 :(得分:11)

如果这对任何人都有帮助,我想出了问题。

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

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

::1    localhost

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

#::1    localhost

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

答案 1 :(得分:2)

我已经有这个问题好几个星期了!我终于找到了解决这个问题的直接组合: Mac Sierra 10.12.6。

事实上,上述答案最多,是正确的。但是,我发现我必须在更新主机文件后直接刷新我的DNS缓存,否则我会继续获得死机的白屏 - DNS缓存是我的问题:/

以下是最终为我解决此问题的步骤:

<强> 1 断开任何现有的gulp服务器(在我的情况下,与您尝试代理的服务器关联的VPN连接)

<强> 2 在你的主人中#39;文件:

变化

::1    localhost

#::1    localhost

然后保存该文件

第3 打开&#39;终端&#39;

<强> 4 将其复制/粘贴到终端,然后按Enter键 (这些命令刷新DNS缓存)

sudo dscacheutil -flushcache;sudo killall -HUP mDNSResponder;

<强> 5 重新连接到VPN(如果有),重新运行gulp browsersync命令

瞧! 你应该能够通过白屏和永远旋转的浏览器轮。

答案 2 :(得分:0)

我已在我的应用中成功使用以下内容。

来自我的a = np.ones((6, 1, 4, 3, 1)) # 6 x 1 x 4 x 3 x 1 b = np.ones((5, 1, 3, 2)) # 5 x 1 x 3 x 2 result = a + b # 6 x 5 x 4 x 3 x 2

gulpfile.js

希望它有所帮助。

答案 3 :(得分:0)

之前我遇到过类似的问题,我尝试过这些组合,有时只是改变路径有帮助。

gulp.task('browser-sync',['nodemon'], function() {
    browserSync.init(null, {
       // proxy:"http://localhost:3000"
       //server: "./server/app.js"
       proxy:"localhost:3001"

    });
});

答案 4 :(得分:0)

在init函数中手动设置浏览器属性对我有用。

gulp.task('browserSync', () => {
        browserSync.init({
            server: {
                baseDir: task.dir.base,
                middleware: [
                    webpackDevMiddleware(bundler, {
                        publicPath: webpackConfig.output.publicPath,
                        stats: 'errors-only'
                    })
                  ]
            },
            browser: 'chrome'
        });
    });

我正在运行Windows 10 x64