gruntjs - serve - livereload grunt

Advertencia: connect.static no es una función. Use--force para continuar.

Question

Estoy usando el proyecto YO lessapp, "grunt-contrib-connect" me ayuda a iniciar un servidor js de nodo en el puerto 9000. Cada vez que ejecuto el servicio Grunt (inicio del servidor), el servicio se cancela debido a la siguiente advertencia.

Running "connect:livereload" (connect) task
Warning: connect.static is not a function Use --force to continue.

El error exacto tuvo lugar en la siguiente función en Gruntfile.js

 livereload: {
        options: {
          middleware: function(connect) {
            return [
              connect.static(''.tmp''),
              connect().use(''/bower_components'', connect.static(''./bower_components'')),
              connect.static(config.app)
            ];
          }
        }
      }, 

He instalado npm install grunt-contrib-connect --save-dev , npm install serve-static --save-dev

Me encontré con algunos post, algunos sugieren apagar el firewall pero no hubo suerte.

Sé que hay algo que hacer con mi máquina o con los conflictos de versión de npm / node / connect, porque intenté ejecutar la misma aplicación desde otra máquina y funciona bien.

Configuración del sistema :

• Windows 7 Professional
• Nodo -v4.1.2
• npm -v2.14.4
• [email protected]

He instalado connect y serve-static basado en el post nodejs connect no puede encontrar static , pero sigue siendo el mismo

¿Alguna ayuda? Gracias por adelantado

Answer 1

Desde la versión 0.11.x, el nuevo grunt-contrib-connect no admite connect.static y connect.directory .
Debe instalar serve-static (para servir archivos estáticos) e serve-index (para páginas de Servos que contienen listados de directorios para una ruta determinada).

Me gusta esto:
var serveStatic = require(''serve-static'');
var serveIndex = require(''serve-index'');

Utilice serveStatic lugar de connect.static
y
serveIndex lugar de connect.directory

grunt.initConfig({
    connect: {
        options: {
            test: {
               directory: ''somePath'',
               middleware: function(connect, options){
                    var _staticPath = path.resolve(options.directory);
                    return [serveStatic(_staticPath), serveIndex(_staticPath)]
               }
            }
        }
    }
})

Answer 2

Tienes que instalar connect y serve-static :

npm install --save-dev grunt-contrib-connect serve-static 

Y luego tienes que importar serve-static en Gruntfile.js :

module.exports = function (grunt) {
  ...
  var serveStatic = require(''serve-static'');

  grunt.initConfig({
  ...
    connect: {
    ...
      livereload: {
        options: {
          middleware: function(connect) {
            return [
              serveStatic(''.tmp''),
              connect().use(''/bower_components'', serveStatic(''./bower_components'')),
              serveStatic(config.app)
            ];
          }
        }
      }