live-server called by "yarn start" silently fails to launch browser or run on port

[Mattk70]

I followed readme instructions. After 'yarn start' terminal logs:

[22:39:56] Starting compilation in watch mode...

[22:39:57] Found 0 errors. Watching for file changes.

No window is launched in the browser. http://localhost:9090 results in connection refused.

Using the VS Code Golive plugin, the example pages fire up correctly (using port 5500). I killed goLive and ran live-server on port 5500, to see if it was a port conflict on 9090, but it did not fix things.

With goLive plugin, many examples work (basic, options, bars, pre-decoded)

However:
Speed: Cannot read properties of null (reading 'addEventListener')

All plugin examples error with "Container not found". Except "Record". This errors with "Cannot set properties of null (setting 'onclick')"

In advanced section, gradient, split channels and custom render work. The others do not.

As I'd be interested in making sticky labels, the spectrogram plugin one is what I am most interested in getting working.

OS: Windows 11
Browser: Chrome (latest)

[katspaugh]

Automatically opening the browser is intentionally turned off via --no-browser. You can pass a custom port via yarn start --post XXXX.

[Mattk70]

I think you mean yarn start --port XXXX

But anyway, in the readme, you have:

yarn start

This command will open http://localhost:9090 in your browser with live reload, allowing you to see the changes as you develop.

That's not the main issue. I did pass a custom port as mentioned above, the result was the same: typing http://localhost:XXXX into the browser with any port I set fails with "connection refused". If I remove --no-browser from the "serve" script in package.json, the result is also the same.

[katspaugh]

Perhaps try running the underlying command directly:

In one terminal tab:

yarn build:dev

In another tab:

npx live-server --port=XXXX --ignore='.*,src,cypress,scripts'

[Mattk70]

Thanks, that does fire up the live-server 👍

I still have the more problematic issue that the plugin examples will not load. This is the error:

[Mattk70]

Hmm. Not for me. Is it possible you have installed packages that aren't in package.json? Here's my npm list:

Node: v22.13.1

[Mattk70]

I tried it on a Mac. That worked fine.

It would appear it doesn't work on a PC running Windows.

[katspaugh]

Good to know. I don't have one to test this but if you figure it out, please feel free to submit a PR.

[Mattk70]

All this typescript / live-server / HTML injection stuff is beyond my knowledge-set right now, so that may be a stretch!

Just so you know, Chirpity leans heavily on wavesurfer, and I'm immensely grateful for your efforts in making it available.❤️

Edit: I recently discovered Github runners are a great way to test apps for platforms you don't have access to.

[katspaugh]

Cool app, thanks for sharing!

And true about GitHub runners, I'll add this info to the readme. A very convenient way to contribute.