2017-04-04 34 views
1

私はgulpを使用しています。タスクが実行され、必要なフォルダが作成されています。しかし、ブラウザで実行するとGET /エラーが発生しません。私は自分のプロジェクト構造のイメージとコマンドラインcommand line outputの出力を添付しています。 Project Structure .MYのindex.htmlには、私はそれを得るかどうか、適切にルーティングされ、何をすべきことができない理由を知りたい以下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> 

含まれています。だから、サーバがローカルホスト上で実行されているときに問題があると私はローカルホストを打つ:3000 /ブラウザでは、白いbackground.Followingを得ることができないと言う私のgulpfile.jsあなたはdist/html/index.htmlbrowserSyncをポイントする必要がある

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

ご迷惑をおかけして申し訳ございませんが、問題の内容を理解するために十分な質問がありません。あなたのエラーは何ですか?それはいつ起こりますか?あなたは何を期待していますか? – Hampus

+0

なぜあなたはbrowser-syncの最初の引数としてnullを渡し、何が開いているのですか?falseにする必要がありますか? – Hampus

+0

open:falseは、要求なしでタブが直接開くのを防ぐためです。 nullは必要ありません。 – FalconFlyer

答えて

1

ごBASEDIRは、あなたが、私はそれが動作するはずだと思うのブラウザでhttp://localhost:3000/htmlを実行するために必要な「DIST」ですので。

+0

ありがとう働いた:D! – FalconFlyer

1

ですファイルをindexと開始ページとして追加します。

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

私はうんざりして働けませんでした! : – FalconFlyer

+0

あなたは正しいディレクトリにいますか?ディレクトリリストを有効にすると 'http:// localhost:3000'と表示されますか?' index: "html/index.html" 'を' directory:true'に置き換えてください – lofihelsinki

関連する問題