2017-04-04 14 views
1

Ich benutze Schluck. Die Aufgaben werden ausgeführt, Erstellen von erforderlichen Ordnern. Aber ich bekomme nicht GET/Fehler, wenn im Browser ausgeführt. Ich habe das Bild meiner Projektstruktur und auch die Ausgabe in der Befehlszeile command line output angefügt. Project Structure .My index.html enthält folgendeIch komme nicht auf http: // localhost: 3000/

<!DOCTYPE html> 
<html lang="en" ng-app="helloWorldApp"> 
    <head> 
     <title>Angular hello world app</title> 
     <link href="css/main.css" rel="stylesheet"> 
    </head> 
    <body> 
     <ng-view class="view"></ng-view> 
    </body> 
    <script src="js/scripts.js"></script> 
</html> 

Ich möchte wissen, warum es nicht oder nicht richtig verlegt bekommen kann und was getan werden sollte. So ist das Problem, wenn der Server auf localhost läuft und ich traf localhost: 3000/in Browser sagt, es kann nicht mit einem weißen background.Following bekommen, ist mein gulpfile.js

const gulp = require('gulp'); 
const concat = require('gulp-concat'); 
const browserSync = require('browser-sync').create(); 

const scripts = require('./scripts'); 
const styles = require('./styles'); 

var devMode = false; 



gulp.task('css',function(){ 
    gulp.src(styles) 
     .pipe(concat('main.css')) 
     .pipe(gulp.dest('./dist/css')) 
     .pipe(browserSync.reload({ 
      stream : true 
    })) 
}); 

gulp.task('js',function(){ 
    gulp.src(scripts) 
     .pipe(concat('scripts.js')) 
     .pipe(gulp.dest('./dist/js')) 
     .pipe(browserSync.reload({ 
      stream : true 
    })) 
}); 

gulp.task('html',function(){ 
    gulp.src('./templates/**/*.html') 
     .pipe(gulp.dest('./dist/html')) 
     .pipe(browserSync.reload({ 
      stream : true 
    })) 
}); 

gulp.task('build',function(){ 

    gulp.start(['css','js','html']); 
    console.log("finshed build"); 
}); 

gulp.task('browser-sync',function(){ 
    browserSync.init(null,{ 
     open : false, 
     server : { 
      baseDir : 'dist' 
     } 
    }); 
    console.log("finshed browser "); 
}); 

gulp.task('start',function(){ 
    devMode = true; 
    gulp.start(['build','browser-sync']); 
    gulp.watch(['./css/**/*.css'],['css']); 
    gulp.watch(['./js/**/*.js'],['js']); 
    gulp.watch(['./templates/**/*.html'],['html']); 
}); 
+0

Es tut mir leid, aber Ihre Fragen sind nicht klar genug für uns zu verstehen, was Ihr Problem ist! Was ist dein Fehler und wann passiert es? Was erwartest du zu passieren? – Hampus

+0

Warum übergeben Sie null als erstes Argument zur Browser-Synchronisierung und was ist offen: false soll das tun? – Hampus

+0

open: false soll vermeiden, dass die Registerkarte direkt ohne Anfrage geöffnet wird. und null ist nicht erforderlich. – FalconFlyer

Antwort

1

Sie müssen browserSync auf die dist/html/index.html-zu-Punkt Datei als Startseite mit index.

gulp.task('browser-sync',function(){ 
    browserSync.init(null,{ 
     open : false, 
     server : { 
      baseDir : 'dist', 
      index : "html/index.html" 
     } 
    }); 
    console.log("finshed browser "); 
}); 
+0

Ich müde es hat nicht funktioniert! :( – FalconFlyer

+0

Sind Sie im richtigen Verzeichnis? Was sagt 'http: // localhost: 3000', wenn Sie Verzeichnis-Verzeichnis aktivieren? Ersetzen Sie' index: "html/index.html" 'mit' Verzeichnis: true' – lofihelsinki

Verwandte Themen