Comments (4)
I have a theory. Can you try in a folder with no spaces in the pathname and report back?
from node-livereload.
What's weird is that sometimes I get the ERR_CONNECTION_REFUSED
error, and sometimes I don't, and I don't know how to reproduce it. Whether there are spaces in the pathname or not makes no difference. I did find a working setup however:
Here's a summary of my tests, all run in Chrome:
Note: By inline script I mean placing
<script> document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>') </script>
before the </body>
tag.
- Using
file:///
and inline script: Doesn't work - Using
http-server
and inline script: Doesn't work - Using
file:///
andlivereload .
: Doesn't work - Using
http-server
andlivereload .
: This actually worked!
From this it seems that using either file:///
instead of a server on localhost
or the inline script instead of the global livereload
command cause the livereload setup to fail.
I'm thinking the file:///
failure has something to do with
Only Google Chrome supports viewing file:/// URLS, and you have to specifically enable it.
that's mentioned in the documentation. I'm guessing I don't have it enabled (?) and a quick google search doesn't yield anything. Does the Chrome extension need to be used for file:///
to work? Is it enabled through some advanced browser setting?
The most irritating thing about this is I distinctly remember having file:///
+ inline script working just a few weeks ago. It sucks to lose that convenience, hope we can figure this out.
from node-livereload.
This HTML file:
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>title</title>
<link rel="stylesheet" href="stylesheets/style.css">
</head>
<body>
<h1>Hello</h1>
<script> document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>') </script>
</body>
</html>
works as expected in OSX 10.11 and Windows 10.0 using Chrome 49 with no available updates.
Node v5.3.0 and livereload 0.4.1.
I simply launched
$ livereload .
and opened the page. Made some changes with no issues. Page loaded right up.
The official LiveReload plugin has an option to allow local file access, which needs to be enabled under your extensions. But if you're using the script like I am above, that's not necessary.
If you launch Chrome with the flag --allow-file-access-from-files
it will allow local files to work. Although in my tests the above code didn't have a problem.
See if you can reproduce using this simple test case. I'm trying to figure out what else might be involved here.
from node-livereload.
Closing after no responses.
from node-livereload.
Related Issues (20)
- Update chokidar HOT 4
- client can't be found HOT 3
- Failling to load livereload dependency HOT 1
- Docker + browser extension, "Cannot download livereload.js" HOT 11
- Should reload when the exact path is changed HOT 3
- livereload.js request is hanging attempting to GET through a reverse proxy connection. no debug output available. HOT 1
- Feature request: Enable error message or logging levels to trace errors to stdout if things dont work. HOT 2
- Support proxied socket URL connections when running livereload from the command line. i.e. allow definition of a public socket URL. HOT 2
- javascript code auto injected in HTML page HOT 3
- livereload --debug disables file watcher HOT 11
- Feature request: support refreshing when an endpoint returns 200 HOT 1
- Command line for multiple path seems to be broken in 0.9.2 HOT 2
- Exclusions not working? HOT 7
- Improve documentation in README for how exclusions work
- feature request: support CORS for hosts HOT 1
- Require is not defined.
- Support configuring the interface (i.e. host) the server will listen to HOT 1
- Possible to specify a different path prefix? HOT 2
- Cannot use multiple node-livereload servers on one page HOT 1
- ENOSPC: System limit for number of file watchers reached
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from node-livereload.