2015-08-31 2 views
0

Я всегда использую Livereload с хрюканьем для webapps, но вдруг около месяца назад он прекратил работать. Я не делал ничего другого, чем раньше. Это ошибка с Livereload или я что-то упустил?В течение месяца, Livereload не работает

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Sitename</title> 
    <link rel="stylesheet" type="text/css" href="css/app.css"> 
</head> 
<body> 
    <header> 
     <div class="logo"></div> 
    </header> 
    <section class="content"></section> 
    <div class="footer"> 

    </div> 
    <script src="//localhost:35729/livereload.js"></script> 
</body> 
</html> 

И Gruntfile:

module.exports = function(grunt) { 
    grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 

    sass: { 
     options: { 
     includePaths: ['bower_components/foundation/scss'] 
     }, 
     dist: { 
     options: { 
      outputStyle: 'compressed', 
      sourceMap: true, 
     }, 
     files: { 
      'css/app.css': 'scss/app.scss' 
     } 
     } 
    }, 

    watch: { 
     grunt: { 
     options: { 
      reload: true 
     }, 
     files: ['Gruntfile.js'] 
     }, 

     sass: { 
     files: 'scss/**/*.scss', 
     tasks: ['sass'] 
     } 
    } 
    }); 

    grunt.loadNpmTasks('grunt-sass'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 

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

Ошибка в консоли:

[Error] Failed to load resource: Could not connect to the server. (livereload.js, line 0) 

И консоль:

grunt 
Running "sass:dist" (sass) task 

Running "watch" task 
Waiting... 
>> File "scss/app.scss" changed. 
Running "sass:dist" (sass) task 

Done, without errors. 
Completed in 0.773s at Mon Aug 31 2015 17:53:46 GMT+0200 (CEST) - Waiting... 

Но до сих пор нет перезарядка. Каким-то образом перезагрузить сервер не запускается, но в режиме live reload установлено значение true. Есть идеи?

+0

Что операционная система вы используете? Когда я использовал Windows раньше Windows 10, Livereload никогда не работал –

+0

Используете ли вы 'grunt-contrib-connect' или что-то, чтобы обслуживать ваши веб-страницы для тестирования? – James

+0

Я проверил grunt-contrib-connect, но не смог заставить его работать. Я использую localhost с apache и никогда раньше не имел проблем. Порт 80, и до того, как функция загрузки была включена в задачу просмотра, я использовал задачу, связанную с загрузкой. – Conjak

ответ

0

Глупый я! Я скучаю вариант LiveReload в Sass конфигурации:

options: { 
     livereload: true, 
    }, 

Вся Gruntfile Сейчас:

module.exports = function(grunt) { 
    grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 

    sass: { 
     options: { 
     includePaths: ['bower_components/foundation/scss'] 
     }, 
     dist: { 
     options: { 
      outputStyle: 'compressed', 
      sourceMap: true, 
     }, 
     files: { 
      'css/app.css': 'scss/app.scss' 
     } 
     } 
    }, 

    watch: { 
     grunt: { 
     options: { 
      reload: true 
     }, 
     files: ['Gruntfile.js'] 
     }, 


     sass: { 
     files: 'scss/**/*.scss', 
     tasks: ['sass'], 
     options: { 
      livereload: true, 
     }, 
     } 
    } 
    }); 

    grunt.loadNpmTasks('grunt-sass'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 

    grunt.registerTask('build', ['sass']); 
    grunt.registerTask('default', ['build','watch']); 
} 
+0

Будьте внимательны при добавлении запятых к массивам из одного элемента. –

Смежные вопросы