gulp - 无法访问 http ://localhost:3000/

标签 gulp browser-sync

我正在使用 gulp。任务正在运行,创建所需的文件夹。但是在浏览器中运行时出现 Cannot GET/错误。我已附加项目结构的图像以及命令行 command line output 中的输出。 Project Structure .我的index.html包含以下内容

<!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>

我想知道为什么它无法获取或无法正确路由以及应该做什么。所以问题是当服务器在本地主机上运行并且我在浏览器中点击 localhost:3000/时,它说无法获得白色背景。以下是我的 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']); 
});

最佳答案

由于您的 baseDir 是“dist”,您需要运行 http://localhost:3000/html在浏览器中我认为应该可以。

关于gulp - 无法访问 http ://localhost:3000/,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43203637/

相关文章:

node.js - 浏览器同步不工作

visual-studio - 如何在带有 ntlm 的 VS 项目中使用浏览器同步

javascript - 我的 gulp.js 文件没有在浏览器上更新我的 css

html - Gulp Minify-CSS 删除 CSS

javascript - Gulp Watch 不工作

javascript - Grunt/Gulp 源文件目标用途

node.js - ExpressJS - 在开发中使用本地文件,在生产中使用 Azure Blob 存储中的文件

gulp - browserSync.reload 和 browserSync.stream()) - 有什么区别?

Asp.Net Core 1.0(又名 Asp.Net 5)网站会因任何文件更改而刷新吗?

javascript - Webpack - 即使模块存在也找不到模块