Yeoman, Gulp livereload fails on html5Mode

Asked Nov 02 '16 at 18:09

Active Nov 02 '16 at 18:09

Viewed 76 times

Im using yeoman with gulp, after i enable html5Mode on angular, livereload stop working, this is my current gulp connect code:

gulp.task('start:server', ['environment'], function() {
$.connect.server({
    root: [yeoman.app, yeoman.temp],
    host: ENVIRONMENT + '.localhost',
    livereload: true,
    fallback: 'index.html',
    port: 9001,
    middleware:function(connect, opt){
        return [
            modRewrite(['^[^\\.]*$ /index.html [L]']),
            connect.static('.tmp'),
            connect().use(
                '/bower_components',
                connect.static('./bower_components')
            ),
            connect.static(yeoman.app)
        ];
    }
});
});

To enable html5Mode i use the following

$locationProvider.html5Mode({
    enabled: true,
    requireBase: true
}).hashPrefix('!');

i also have base url tag. I found a lot of information about grunt but no solutions for gulp connect. Hope someone else have any hints.

asked Nov 02 '16 at 18:09

Antonio Alarcon

Is there an error message anywhere? – react_or_angluar Nov 03 '16 at 22:38
No errors on console, what i read from other similar problems is when the url is change from #/ to /, seems that livereload doesn't handle this very well, but in my case i can't find a solution, i just find solutions for grunt and no for gulp. Seen odd to me that anyone else is having this issue with gulp. – Antonio Alarcon Nov 11 '16 at 14:09
@AntonioAlarcon did you find a solution for this, I see to be having the same problem – awsmketchup Dec 21 '16 at 07:45
I still have the issue, i'm living with it for the moment. – Antonio Alarcon Feb 10 '17 at 14:13

Yeoman, Gulp livereload fails on html5Mode

0 Answers0