search

mklabs / tiny-lr

tiny livereload
MIT License
424 stars 90 forks source link

Multiple livereload.js on same page does not work #143

Open pmwmedia opened 3 years ago

pmwmedia commented 3 years ago

I have a website with three different livereload.js scripts included:

<script id="webpack-livereload-plugin-script-2b46959be903b68a" async="" src="//localhost:35729/livereload.js"></script>
<script id="webpack-livereload-plugin-script-40d0cd75cb7a994d" async="" src="//localhost:35730/livereload.js"></script>
<script id="webpack-livereload-plugin-script-15a04157ba643cb0" async="" src="//localhost:35731/livereload.js"></script>

However, I have noticed in the network monitor of my browser that the URLs are incorrectly mapped:

http://localhost:35729/livereload.js -> ws://localhost:35729/livereload http://localhost:35730/livereload.js -> ws://localhost:35729/livereload http://localhost:35731/livereload.js -> ws://localhost:35729/livereload

All three HTTP-URLs are mapped to the same WS-URL! How can I use multiple livereload.js scripts in the same HTML page?

(Originally, I had submitted my issue on https://github.com/statianzo/webpack-livereload-plugin/issues/69. However, after reading the source code of the webpack-livereload-plugin, I understood that this incorrect mapping is coming from tiny-lr.)

callmeteus commented 3 years ago

Actually, it's a very very old issue with livereload-js: https://github.com/livereload/livereload-js/issues/30