title: Gulp browser says Cannot get /
body: <p>I am using gulp.The tasks are getting run creating required folders. But I get Cannot GET/ error when run in browser.I have attached the image of my project structure and also the output in </p>
  
  <p><a href="https://i.stack.imgur.com/4Bldn.png" rel="nofollow noreferrer">Gulp</a></p>
  
  <p><a href="https://i.stack.imgur.com/1WR4b.png" rel="nofollow noreferrer">File structure</a></p>
  
  <p><a href="https://i.stack.imgur.com/ftwd8.png" rel="nofollow noreferrer">Problem(Cannot get/)</a></p>
  
  <p>My index.html contains the following:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html class="no-js" lang="en"&gt;
      &lt;head&gt;
          &lt;title&gt;Bootstrap 4 Layout&lt;/title&gt;
          &lt;meta http-equiv="x-ua-compatible" content="ie=edge"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  
          &lt;link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:400,800"&gt;
          &lt;link rel='stylesheet' href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
          &lt;link rel="stylesheet" href="/css/bootstrap.css"&gt;
          &lt;link rel="stylesheet" href="/css/styles.css"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;script src="/js/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="/js/popper.min.js"&gt;&lt;/script&gt;
          &lt;script src="/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Following is my gulpfile.js</p>
  
  <pre><code>var gulp        = require('gulp');
  var browserSync = require('browser-sync').create();
  var sass        = require('gulp-sass');
  
  // Compile sass into CSS &amp; auto-inject into browsers
  gulp.task('sass', function() {
      return gulp.src(['node_modules/bootstrap/scss/bootstrap.scss', 'src/scss/*.scss'])
          .pipe(sass())
          .pipe(gulp.dest("src/css"))
          .pipe(browserSync.stream());
  });
  
  // Move the javascript files into our /src/js folder
  gulp.task('js', function() {
      return gulp.src(['node_modules/bootstrap/dist/js/bootstrap.min.js', 'node_modules/jquery/dist/jquery.min.js', 'node_modules/popper.js/dist/umd/popper.min.js'])
          .pipe(gulp.dest("src/js"))
          .pipe(browserSync.stream());
  });
  
  // Static Server + watching scss/html files
  gulp.task('serve', ['sass'], function() {
  
      browserSync.init({
          server: "./src"  
      });
  
      gulp.watch(['node_modules/bootstrap/scss/bootstrap.scss', 'src/scss/*.scss'], ['sass']);
      gulp.watch("src/*.html").on('change', browserSync.reload);
  });
  
  gulp.task('default', ['js','serve']);
  </code></pre>