Tag: livereload

现场重新加载不与烬cli工作: ember new foo-proj cd foo-proj ember s 现在服务器正在运行。但是当我编辑一个文件，例如foo-proj / app / index.html 实时重新加载不重新加载！我在跑：节点v0.10.31 npm 1.4.23 我一直在＃ember-cli频道上问，但没有运气。我似乎是唯一有这个问题的人。

使用grunt-express-server和grunt-contrib-watch实时重新加载: 我正在使用grunt-express-server和grunt-contrib-watch为我的开发环境获取Livereloadfunction。但不知何故，浏览器重新加载不工作，观看任务确实听取文件的变化，但不会导致重新加载浏览器。下面是Gruntfile.js module.exports=function(grunt){ grunt.loadNpmTasks('grunt-express-server'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.initConfig({ watch: { options: { livereload: true, }, express: { files: [ 'views/index.ejs','app.js' ], tasks: [ 'express:dev' ], options: {livereload: true, spawn: false } } } , express: { options: { port:8080 }, dev: { options: { script: 'app.js' } } } }); grunt.registerTask('serve', [ 'express:dev', 'watch' ]) } […]

grunt-contrib-watch livereload 35729 livereload.js无法加载: 我正在运行grunt-contrib-watch 0.6.1，并在我的gruntfile.js中包含了livereload块。我还在我的html中包含了livereload.js调用： <script type="text/javascript" src="http://myste.com:35729/livereload.js"></script> 当我使用我的开发环境运行服务器似乎一切似乎开始正确。 grunt dev Running "env:dev" (env) task Running "concurrent:dev" (concurrent) task Running "nodemon:dev" (nodemon) task [nodemon] v1.2.1 [nodemon] to restart at any time, enter `rs` [nodemon] watching: *.* [nodemon] starting `node server.js` Application Started on port 3000 当我进行更改时，可以看到服务器在我的ssh控制台中重新加载，但livereload.js无法加载：当我去的应该是http://myste.com:35729/livereload.js的端口位置，我得到的标准“网页不可用”的回应。在http://myste.com:35729/上似乎也没有运行服务器。我也包括我的gruntfile.js完整性 'use strict'; module.exports = function (grunt) { var […]

如何让Grunt livereload在Docker中工作？: 我试图在Windows中使用Docker作为开发环境。我正在开发的应用程序使用Node，NPM和Bower设置开发工具，使用Grunt来运行它的任务，并包含实时重新加载，以便在代码更改时更新应用程序。相当标准。它工作正常以外的Docker，但我一直运行到Grunt错误Fatal error: Unable to find local grunt. 不pipe我在Docker里面怎么做。我最近的工作是在构build时将所有npm和bower依赖项安装到图像中的应用程序目录中，并将应用程序的Gruntfile.js复制到该目录。然后在Docker-Compose中创build一个链接到主机应用程序的卷，并要求Grunt使用Grunt的–base选项来观看该卷。它仍然不会工作。我仍然得到致命的错误。以下是Docker文件的问题： Dockerfile： # Pull base image. FROM node:5.1 # Setup environment ENV NODE_ENV development # Setup build folder RUN mkdir /app WORKDIR /app # Build apps #globals RUN npm install -g bower RUN echo '{ "allow_root": true }' > /root/.bowerrc […]

Grunt + Express + LiveReload在默认端口3000上不断重启服务器: 我有一个通过简单的基于Express的Node.js服务器生成的Handlebars驱动的模板应用程序。为了便于开发，我一直在努力使用Grunt来重新加载。我已经阅读了大量的博客和GitHub关于设置实时重载的自述文件; 这被certificate是一个非常周期性的杂务（一页链接到另一页，导致另一页，等等）。没有我读的是一致的，一切似乎都支持实时重新加载，而没有真正解释如何去做 – 这是一个很难find一个明确的方法来做到这一点！但是，我有一个工作，自我重新加载，快速驱动的项目，通过以下： Gruntfile.js var files = [ 'markup/*', 'examples/*' ] module.exports = function(grunt) { require('load-grunt-tasks')(grunt) grunt.initConfig({ express: { options: { port: 8080 }, dev: { options: { port: 8080, script: 'server.js', background: true } } }, watch: { options: { livereload: true }, express: { files: files, tasks: […]

节点 – LiveReloadfunction: 我正在学习Node.js 我正在努力为了学习而build立一个基本的网站。为了做到这一点，我有一个目录结构如下所示： ./ dist/ node_modules/ src/ res/ css/ core.css theme.css routes/ index.js views/ home/ index.html server.js gulpfile.js package.json 这个应用程序使用快递中间件。当我访问http：// localhost：3000时，我可以成功加载应用程序。我现在正在尝试整合LiveReload。对于一些背景，我的gulpfile.js文件如下所示： var gulp = require('gulp'); var css = require('gulp-cssnano'); var concat = require('gulp-concat'); var livereload = require('gulp-livereload'); var input = { js : [], css: [ 'src/res/css/core.css', 'src/res/css/theme.css' ], html: [ 'src/**/*.html' […]

在节点app.listen（）被调用或端口（livereload，nodejs和gulp）: 我正在尝试将gulp-livereload与我的nodejs服务器配合使用。我使用gulp-nodemon在文件发生更改后重新启动服务器，这是有效的。我有麻烦在正确的时间调用livereload.reload() 。我正在调用livereload.reload() .on('start'…在我的gulpfile.js （每当我的nodemon启动一个脚本时）的gulpfile.js （）。这个工作，但它需要几秒钟。原因是当nodemon开始运行nodejs脚本，在脚本调用app.listen(port) livereload.listen() 之前调用app.listen(port) ，这样我的浏览器就不需要准备好服务器就刷新了。有没有一种方法来侦听nodejs nodemon脚本是否调用了app.listen(port)或者是侦听是否正在使用特定的端口？我已经解决了一个小睡眠的问题，但它只是感觉非常错误和肮脏。

创build一个运行PHP和Gulp和Livereload的服务器: 我想调整这个代码来提供PHP文件。我有MAMP运行本地服务器，但我无法弄清楚这个代码是如何工作的，以便进行必要的更改。我知道Node服务器不会解释PHP文件，但是我对这个使用serve-static和serve-index架构感到困惑，因为显然我不能仅仅使用MAMP的localhost内的本地文件path来提供这些文件，对吧？我也想知道为什么它需要2个端口（9000和35729）。 gulp.task('connect', ['styles'], function () { var serveStatic = require('serve-static'); var serveIndex = require('serve-index'); var app = require('connect')() .use(require('connect-livereload')({port: 35729})) .use(serveStatic('.tmp')) .use(serveStatic('app')) .use('/bower_components', serveStatic('bower_components')) .use(serveIndex('app')); require('http').createServer(app) .listen(9000) .on('listening', function () { console.log('Started connect web server on http://localhost:9000'); }); }); gulp.task('serve', ['connect', 'watch'], function () { require('opn')('http://localhost:9000'); }); gulp.task('watch', ['connect'], function () { […]

configurationgrunt-ts并使其与LiveReload配合使用: 我正在尝试在Yeoman / Grunt项目中使用TypeScript。为了编译TypeScript我使用了一个名为grunt-ts的grunt插件，.ts文件的编译工作得很好，但是实时重载不起作用：当我运行grunt server我正确地得到了这个： Running "ts:dev" (ts) task Compiling. Success: 3.37s for 2 typescript files Watching all Typescript files under : /home/mimo/webroot/tsyong/app/scripts 但是，然后liveReload任务不加载。这就是我如何configurationGrunt-ts的Gruntfile.js。 grunt.initConfig({ … ts: { options: { // use to override the default options, http://gruntjs.com/configuring-tasks#options target: 'es3', // es3 (default) / or es5 module: 'commonjs', // amd , commonjs (default) sourcemap: […]

在Chrome中使用Gulp Livereload: 下面的代码似乎工作得很好，直到我去1ocalhost：8081 … 然后我收到消息 <pre>{"tinylr":"Welcome","version":"0.0.5"}</pre> 我的目录结构是…. ____gulp | |____build | | |____images | | |____index.html | | |____scripts | | |____styles | |____gulpfile.js | |____node_modules | |____src | | |____images | | |____index.html | | |____scripts | | |____styles 为什么不是我的HTML页面加载？如果我尝试浏览到1ocalhost：8081 / build / index.html页面不会加载，我得到消息 {“错误”：“not_found”，“reason”：“没有这样的路线”} 我也尝试了铬插件，但当我点击插件时，我得到下面的味精无法连接到LiveReload服务器。请确保LiveReload 2.3（或更高版本）或其他兼容的服务器正在运行。我检查了插件在Chrome浏览器的插件设置，并检查文件URL的选项下面我的评论代码….. //sudo npm install gulp […]