Skip to content

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

@pmwmedia

Description

@pmwmedia

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 statianzo/webpack-livereload-plugin#69. However, after reading the source code of the webpack-livereload-plugin, I understood that this incorrect mapping is coming from tiny-lr.)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions