我使用Grunt爲我的角1應用程序和grunt連接運行網站，但刷新它沒有後備，所以我得到404和白色屏幕

Question

我使用Grunt爲我的角1應用程序和咕嚕聲 - 連接運行網站，但刷新它沒有一個後備，所以我得到一個404和白色屏幕。

我之前使用過gulp，並且使用它的連接插件進行了回退。

我試圖解決的問題是，當我刷新瀏覽器時，我鬆開了網站，並獲得404和白色屏幕。

我對咕嚕聲很陌生。

我的繼承人當前咕嚕代碼：錯誤的

module.exports = function(grunt) { 

     //Configures each plugin: 
     grunt.initConfig({ 

     //This is the connect bit: 
     connect: { 
      website: { 
       port: 8000, 
       base: 'app' 
      } 
     }, 

      sass: {        // Task 
      dist: {       // Target 
       options: {      // Target options 
       style: 'expanded' 
       }, 
       files: {       // Dictionary of files 
       'app/styles/styles.css': 'app/styles/base.scss' // 'destination': 'source' 
       } 
      } 
      }, 
      cssmin: { 
       target: { 
       files: [{ 
        expand: true, 
        cwd: 'app/styles', 
        src: ['*.css', '!*.min.css'], 
        dest: 'app/styles', 
        ext: '.min.css' 
       }] 
       } 
      }, 
      watch: { 

        css: { 
         files: 'app/styles/base.scss', 
         tasks: ['sass'], 
         options: { 
          livereload: { 
          host: 'localhost', 
          port: 8000 
          }, 
          spawn: true, 
          interrupt: true, 
          debounceDelay: 250, 
          reload: true 
         }, 
        }  
      } 
     });  

     //Loads libruaries: 
     grunt.loadNpmTasks('grunt-contrib-sass'); 
     grunt.loadNpmTasks('grunt-contrib-cssmin'); 
     grunt.loadNpmTasks('grunt-contrib-watch'); 
     grunt.loadNpmTasks('grunt-contrib-jshint'); 
     grunt.loadNpmTasks('grunt-connect'); 

     //grunt.registerTask('default', ['sass', 'cssmin', 'jshint', 'connect', 'watch']); 

     grunt.registerTask('default', ['watch']); 
}; 

屏幕抓取：

Answer 1

你connect是缺少選項..

connect: { 
      website: { 
       port: 8000, 
       base: 'app', 
       keepalive: true, 
       livereload: true 
      } 
     },