à l'aide trait à l'installation d'un serveur web local

Je viens d'un grognement de fond. Et configuration d'un serveur web est aussi facile que de grunt connect.

Je mettrais code suivant dans mon grognement fichier et de l'exécuter grunt connect:

grunt.initConfig({
        //fire up the local server
        connect: {
            server: {
                options: {
                    port: 9778, //port to host on
                    livereload: 35729,
                    hostname: '0.0.0.0', //the hostname
                    base: 'out/' //the relative path from grunt file to base folder of web app
                }
            }
        }
    });

grunt.loadNpmTasks('grunt-contrib-connect');

Ma situation a changé, comme j'ai eu à migrer vers gulp. Mais je ne peux pas le faire fonctionner dans gulp. Peut-être que c'est à cause de mon passé. Je suis à l'aide de gulp-serveur web. Et ajouté ma gorgée de fichier se présente comme suit:

gulp.task('serve', function() {
  gulp.src('app')
    .pipe(webserver({
      path:'dist',
      port:'9090',
      livereload: true,
      directoryListing: true,
      open: true
    }));
});

Lorsque je navigue à localhost:9090, je reçois la réponse: cannot GET /

Ce que je fais mal? N'est pas le chemin le chemin relatif à partir de gulp fichier? Que suis-je censé passer à gulp.src? Il serait d'une grande aide si quelqu'un pouvait me donner un bon départ où chercher.

EDIT 1
mon gulpfile, le dossier src et le dossier après la construction, c'est à dire le dossier dist tous sont dans le même niveau.

├── src       //my raw application folder
├── dist      //application folder after building
|   .
|   .
|   └── index.html
└── gulpfile.js

OriginalL'auteur Pravin | 2015-07-10

  1. 13

    surtout son ne pas trouver index.html

    return gulp.src('./app/')
  .pipe(plugin.webserver({
      host: '0.0.0.0',
      port: 6639,
      livereload: true,
      open: true,
      fallback: './dist/index.html'
  }));

    surtout sa le problème avec le paramètre path.. essayez ci-dessous dans le cas

      gulp.src('dist')
    .pipe(webserver({
         ......
    }));
    Je ne suis pas actuellement à mon bureau de travail. donc, je vais l'essayer dès que j'y arrive. Pourriez-vous expliquer qu'est-ce que les sources.debug passé à la src() et quelle est la fonction principalement utilisé pour? Je suis un peu confus ici.
    désolé pour la confusion que vous.. sources.debug est en fait un nom de variable.. je n'ai pas coder en dur des chemins, les garder dans des variables
    je ne sais pas ce que j'ai fait de mal. elle se montre toujours la même erreur. peut-être que je suis absent quelque chose. Je vais mettre à jour les informations.
    est-ce que votre dossier app contient index.html et pas la dist.. variable path est pour localhost:port/path ses pas le chemin d'accès au fichier, supprimer paramètre de chemin
    hey merci... qui a résolu le problème.

    OriginalL'auteur harishr

  2. 2

    J'ai rencontré ce problème lorsque j'ai été, par inadvertance, le démarrage du serveur web juste après ma propre tâche, de sorte que le répertoire n'existe pas réellement, parce qu'il avait simplement été supprimée. Le problème est ici: 

    gulp.task('watch', ["build", "webserver"]);

    Qui a commencé la construire tâche première, qui a été le démarrage d'une propre tâche avant qu'il courait.

    gulp.task('build', ["clean"])

    Pour corriger cela, je suis passé à partir du serveur à l'intérieur de la montre de la tâche au lieu d'une dépendance de la montre tâche

    gulp.task('watch', ["build"], function() {
    return gulp.start(['webserver']);
});

    OriginalL'auteur KenCorbettJr