私はgulpを使用しています。タスクが実行され、必要なフォルダが作成されています。しかし、ブラウザで実行するとGET /エラーが発生しません。私は自分のプロジェクト構造のイメージとコマンドラインの出力を添付しています。 .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.html
にbrowserSync
をポイントする必要がある
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']);
});
ご迷惑をおかけして申し訳ございませんが、問題の内容を理解するために十分な質問がありません。あなたのエラーは何ですか?それはいつ起こりますか?あなたは何を期待していますか? – Hampus
なぜあなたはbrowser-syncの最初の引数としてnullを渡し、何が開いているのですか?falseにする必要がありますか? – Hampus
open:falseは、要求なしでタブが直接開くのを防ぐためです。 nullは必要ありません。 – FalconFlyer