Google Chrome ne peut pas ouvrir localhost:3000 avec Gulp / BrowserSync

Pour une raison quelconque, peu importe ce que je tente, Google Chrome ne semble jamais être en mesure d'afficher http://localhost:3000 (ou tout autre numéro de port spécifié par ailleurs) lors du démarrage d'un serveur avec BrowserSync par Gulp.

De la navigation à la même URI dans Firefox, montre qu'il fonctionne et que BrowserSync est connecté.

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

Je suis en spécifiant le port 8080 ci-dessus comme un alternative, mais même en utilisant la valeur par défaut 3000 ne fonctionne pas dans Chrome. Firefox semble être en mesure de travailler avec les deux.

J'ai été à l': chrome://net-internals/#dns et a autorisé l'hôte de cache, redémarré, etc. Rien ne fonctionne.

Dans google Chrome, j'ai tout simplement obtenir le message: ERR_CONNECTION_REFUSED

Des idées? Merci.

PS - fonctionne Aussi dans Safari.

Pourrait-il être sur Chrome contenu de la politique de sécurité?
Pas sûr, pourriez-vous élaborer? Merci.
Voir question.
Il a à voir avec une entrée par défaut dans le fichier hosts sur un Mac. Réponse ci-dessous!
De compensation de l'hôte de cache résolu le problème pour moi pour l'instant. Je vais rendre compte si cette correction n'est que temporaire, dont je soupçonne qu'il soit.

OriginalL'auteur Michael Giovanni Pumo | 2015-08-23

11

J'ai compris le problème, si cela aide quelqu'un.

De l'accès au site par l'adresse IP publique que BrowserSync donne travaillé, mais j'ai encore besoin localhost:3000, j'ai donc étudié plus loin dans le fichier hosts sur Mac.

Par défaut, il semble que cette ligne a été l'un affectant la connexion:
```
::1    localhost
```
Tout ce que vous avez à faire est de mettre cette ligne en commentaire et tout doit être beau:
```
#::1    localhost
```
Espère que cela aide quelqu'un avec un problème similaire, à l'aide de Trait et BrowserSync avec Chrome sur un Mac.

où est le fichier hosts ce qui doit être fait?
Cela dépend de l'OS que vous utilisez. Chaque machine a un. Je suggère de Googler " où est le fichier hosts sur [ Windows | Mac | Linux ]", etc, en fonction de ce qui est pertinent pour vous. L'emplacement exact diffère parfois entre les versions OS trop. Sur mon Mac sous Yosemite, il est à l': /private/etc/hosts - pour y arriver, utilisez la fonction "Aller au dossier..." option dans le Finder sous le 'Go'.
Pour une raison quelconque, ce qui fait qu'il fonctionne sur mon système. Fichier Hosts /etc/hosts
Cela devrait être gravé dans la pierre sur le BrowserSync page d'accueil. Perdu une journée entière sur cette. Linux ici btw

OriginalL'auteur Michael Giovanni Pumo
2

J'ai eu ce problème pendant des semaines! J'ai finalement compris le directe combinaison pour résoudre ce:
Mac Sierra 10.12.6.

En effet, la réponse ci-dessus avec le plus de points, est correcte. Cependant, j'ai trouvé que j'avais pour vider mon Cache DNS directement après la mise à jour de mon fichier host, sinon, je n'obtiens toujours l'écran blanc de la mort - la mise en cache DNS a été mon problème :/

Voici les étapes que finalement résolu pour moi:

1.
Débranchez tous les existants gulp serveurs (et dans mon cas, les connexions VPN que l'affiliation avec le serveur que vous essayez de proxy)

2.
Dans votre fichier hosts:

changement
```
::1    localhost
```
à
```
#::1    localhost
```
puis enregistrer ce fichier

3.
Ouvrir Le 'Terminal'

4.
Un copier /coller dans le Terminal, puis appuyez sur entrée
(ces commandes vider votre cache DNS)
```
sudo dscacheutil -flushcache;sudo killall -HUP mDNSResponder;
```
5.
Se reconnecter à des VPN (le cas échéant), ré-exécutez votre gulp browsersync commande

Et le tour est joué!
Vous devriez être en mesure d'obtenir au-delà de l'écran blanc, et le forever filature du navigateur de la roue.

OriginalL'auteur gav_aus_web

J'ai des problèmes similaires avant, j'ai essayé ces combinaisons, parfois, en changeant simplement les chemins aide.

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

    });
});

OriginalL'auteur Franz

0

J'ai été avec succès à l'aide de la suite dans mon application.

De mon gulpfile.js:
```
gulp.task('browserSync', function() {

  //Browser sync config
  browserSync({
      proxy: 'localhost:3000'
  });

});
```
Espère que cela aide.

Pas la joie pour moi. Depuis il fonctionne dans Firefox et Safari mais pas Chrome, je pense que cela doit être quelque chose de plus passe avec Chrome lui-même.

OriginalL'auteur U r s u s

De régler manuellement le navigateur de la propriété dans la fonction init a fonctionné pour moi.

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

Je suis en cours d'exécution de windows 10 x64

OriginalL'auteur StueyKent

Vous devez vous connecter pour publier un commentaire.