livereload

Live reload is not working with Ionic serve command

别来无恙 提交于 2019-12-05 10:07:50
As per the Ionic Guide Chapter 4 http://ionicframework.com/docs/guide/testing.html , ionic serve will start a live reload server, which it does in my case, but reload is not happening. Is there any pre-req we need to have for this thing to work? Like say live reload chrome extension? E:\Ionic\myapp>ionic serve Running dev server: http://localhost:8100 Running live reload server: http://localhost:35729 Here is what worked for me: stop ionic service if you running it 'q' command run: ionic address from command prompt After running this command it will prompt you to select what address you would

Disable LiveReload with Yeoman

笑着哭i 提交于 2019-12-05 08:02:56
When testing in IE8, LiveReload throws errors since web sockets is not supported. Is there a way to configure yeoman to disable LiveReload? IE8 isn't supported by Yeoman, for good reason. However, you could do what Allan describes, or you could override the server task, by putting this in your Gruntfile: grunt.registerTask('server', 'yeoman-server'); Try to use <!--[if !IE]><!--></body><!--<![endif]--><!--[if IE]></body><!--<![endif]--> instead of </body> . Generator would try to replace first </body> element and add livereload snippet before it, so code would be placed in invisible for IE

Grunt Livereload + Grunt Connect Proxy

99封情书 提交于 2019-12-05 06:16:07
问题 I am using Rails for my API, AngularJS on the front and I am having some issues getting livereload / grunt connect proxy to work properly. Here is the snippet from my gruntfile: connect: { options: { port: 9000, // Change this to '0.0.0.0' to access the server from outside. hostname: 'localhost', livereload: 35729 }, proxies: [ { context: '/api', host: 'localhost', port: 3000 } ], livereload: { options: { open: true, base: [ '.tmp', '<%= yeoman.app %>' ], middleware: function (connect,

ember cli and livereload: how to get it to work?

爷,独闯天下 提交于 2019-12-05 04:52:34
I can't for the life of me get livereload to work with my ember cli project. This is the first time I try livereload, so I don't know if this problem is specific to ember cli, or if my Mac environment is not set up for it. Here is what I have installed $ ember --version: version: 0.0.46 node: 0.10.32 npm: 1.4.27 Here is how I got everything running: $ ember new foo-bar $ cd foo-bar $ ember server version: 0.0.46 Livereload server on port 35729 Serving on http://0.0.0.0:4200 Navigating to http://localhost:4200 in Chrome shows me the ember app. Now if I make changes to 'application.hbs' and then

Disable / turn off LiveReload server in Emberjs / Ember-cli

↘锁芯ラ 提交于 2019-12-04 22:19:45
I use Cloud9 IDE, which only exposes port 80 and prevents LiveReload from connecting. I get this error: GET https://myapp.c9.io:35729/livereload.js?snipver=1 net::ERR_CONNECTION_REFUSED Unless someone knows of a fix, I'd like to simply turn this feature off / disable it. I'm running Ember-cli and I can see the task in ember-cli/lib/tasks/serve.js and I've commented it out, but it didn't do the trick: /* var liveReloadServer = new LiveReloadServer({ ui: this.ui, analytics: this.analytics, watcher: watcher }); */ It's buried in enough places that I'm afraid to npm remove it, as I think that

grunt watch livereload Fatal error: Port 35279 is already in use by another process

时光毁灭记忆、已成空白 提交于 2019-12-04 19:09:39
问题 I'm trying to use livereload with watch. I keep getting the message "Fatal error: Port 35279 is already in use by another process" . I've changed the port for livereload but then nothing reloads. module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), compass: { dist: { options: { cssDir: 'stylesheets', sassDir: 'stylesheets/sass/', imagesDir: 'images', javascriptsDir: 'scripts', require: ['sass-globbing','modular-scale'], force: true } } }, cssmin: {

Gulp watch and compile less files with @import

放肆的年华 提交于 2019-12-04 09:00:46
问题 I'm trying to get my head around gulp to watch and compile a .less project + livereload. I have a style.less file which use @import . When i run the gulp task it doesn't seem to understand the imports. When I modify the main less file, gulp compiles the file and refresh the browser but if i modify only an import, the changes are ignored. Here is my gulpfile.js var gulp = require('gulp'); var less = require('gulp-less'); var watch = require('gulp-watch'); var prefix = require('gulp

Clojure live browser reload on Linux

老子叫甜甜 提交于 2019-12-04 07:06:43
Is there something like Rack-LiveReload that could be used along with a tool like Guard-LiveReload for Clojure development? I really cannot make do without live reloading now that I have used it. If there is nothing more convenient I could download the LiveReload JS file and manually include it in my app and use that with Guard-LiveReload, but I would prefer it if there was an all Clojure solution. I cannot install the LiveReload app on my machine because I am using Linux, so that is why I would need something like Guard-LiveReload. I am new to Clojure, but so far I am going to go with Ring

Fastest way to compile SCSS (Compass) + refresh the browser?

爷,独闯天下 提交于 2019-12-04 04:54:24
Just wondering what in your opinion is the fastest way to have your SCSS compiled and browser refreshed? I'm currently using LiveReload, but it seems to be a bit slow sometimes, it can take from 1-3sec. It doesn't seem much, but I feel like I'm losing my proper coding pace. What do you guys use? would CodeKit be faster? Or maybe Sublime LiveReload plugin (not the actual app)? Or maybe I should give up Compass and use something else? Any suggestions would be appreciated. PS. I'm on OS X I use this stack: gruntjs grunt-sass (uses libsass via node-sass instead of ruby sass) grunt-watch-contrib

Wrong CSS Path - Live Reload issue with Grunt

梦想与她 提交于 2019-12-04 02:49:05
I have this setup in my Gruntfile.js module.exports = function(grunt) { grunt.initConfig({ less: { development: { options: { compress: false, yuicompress: false, optimization: 0 }, files: { // target.css file: source.less file "assets/css/main.css": "assets/css/main.less" }, } }, watch: { styles: { // Which files to watch (all .less files recursively in the less directory) files: ['assets/css/*.less', 'assets/less/*.less'], tasks: ['less'], }, // Live reload CSS css: { files: ['assets/css/*.css'], options: { nospawn: true, interrupt: false, livereload: true, }, }, }, }); // Watch grunt