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

Question

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

Я использовал gulp раньше, и у него был резерв с подключаемым плагином.

Проблема, которую я пытаюсь решить, - это когда я обновляю браузер, я теряю сайт и получаю 404 и белый экран.

Я очень новый, чтобы хрюкать.

Heres мой текущий код ворчание:

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 
      } 
     },