El generador de proyecto de Angular que podemos encontrar en yeoman(https://github.com/yeoman/generator-angular#readme) esta utilizando varias versiones viejas o deprecadas.
Por eso para poder actualizar todo el proyecto a las ultimas versiones tanto de dependencias bower como de los plugins de grunt debemos seguir los siguientes pasos posicionados en el proyecto en cuestion:
1- Installar
npm-check-updates
npm install -g npm-check-updates
2- Actualizar el archivo package.json
ncu -u
3- Actualizar el archivo bower.json
ncu -m bower -u
4- Actualizar las dependencias manejadas por npm
npm update
5- Actualizar las depdencias de bower
bower update
De esa manera ya tenemos toda la aplicaciones utilizando las ultimas versiones.
Cuando intentamos levantar la aplicación como lo hacemos habitualmente utilizando el comando:
grunt serve
Nos encontramos con el siguiente error:
Running "connect:livereload" (connect) task
Warning: connect.static is not a function Use --force to continue.
Esto es porque la ultima versión de grunt-contrib-connect modifico el objecto connect(https://github.com/gruntjs/grunt-contrib-connect/issues/191) y no tiene mas disponible el método static.
Por lo anterior tenemos que actualizar el Gruntfile.js de la siguiente manera:
6 -
Agregar el modulo server-static de la siguiente manera:
var serveStatic = require('serve-static');
Modificar el connect option como sigue:
Antes:
return [
connect.static('.tmp'),
connect().use(
'/bower_components',
connect.static('./bower_components')
),
connect.static(appConfig.app)
];
Ahora:
return [
serveStatic('.tmp'),
connect().use(
'/bower_components',
serveStatic('./bower_components')
),
serveStatic(appConfig.app)
];
Y con esto podemos utilizar el proyecto con las ultimas versiones de todas las dependencias.
