Importing plain JS Files from components about plenti

[s00500]

I unfortunatly also just realized that I cant use
this.ws = new WebSocket(this.url, this.protocols);
at all....

neither window.WebSocket(this.url, this.protocols);

[jimafisk]

@s00500 - I assume you're getting a build error like ReferenceError: ReconnectingWebSocket is not defined, is that correct?

The build process creates both the interactive clientside JS (which has access to browser objects like window) and HTML fallbacks (which don't have access to the browser / runtime JS). If I have something that needs to be run clientside only, I typically wrap it in onMount so it's ignored by the SSR part of the build that creates the HTML.

Can you try putting the clientside logic inside onMount and let me know if that help? For example:

<script>
  import { ReconnectingWebSocket } from "../scripts/reconnecting-ws.js";
  import { onMount } from 'svelte';

  let ws;
  onMount(() => {                             
    ws = new ReconnectingWebSocket("ws://localhost:3", []);
  });
</script>

[s00500]

Hey @jimafisk, that nailed it! Thanks a lot !!!
(would ofc be awesome to have a error that can be traced easier ;-) )

[jimafisk]

Awesome, I'm glad it worked @s00500, thanks for following up!