Я использую Grunt для моего приложения angular 1 и grunt-connect для запуска сайта, но при обновлении у него нет запасного варианта, поэтому я получаю 404-белый экран

Question

Я использую Grunt для моего приложения angular 1 и grunt-connect для запуска веб-сайта, но при обновлении у него нет запасного варианта, поэтому я получаю 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
            }
         },