Browser incompatibility for dev setup

[ericjanto]

Describe the bug

There is an issue with Firefox when wanting to develop the front-end with hotreloading. The fe localhost is live but does not display anything.

Environment

Using Firefox 127.0 (64-bit) on an Intel Mac.

Code to reproduce

1. Run pnpm dev in the fe folder.
2. Run marimo edit --headless --no-token notebook.py from another terminal tab.
3. Open http://localhost:3000/ in Firefox. There is a blank page for me.

[dmadisetti]

I use FF as my main browser without much issue.

One thing I do that isn't in the readme is set up dev URLs.
So opposed to localhost:3000, I have 3000.port.dev that points to localhost:3000, and then I can do:

marimo -l d edit --headless --proxy=3000.port.dev

(which also allows for token sessions, but you can still disable it)

When you pop the console what do you get for an error?

[ericjanto]

So opposed to localhost:3000, I have 3000.port.dev that points to localhost:3000

How do you set up the dev URL? So I can try it too.

This is the console output in FF:

[dmadisetti]

It's not totally trivial: You can do it with iptables and editing your hosts file: https://serverfault.com/a/54371

I run nginx and dnsmasq because I have a couple services running.

But I don't think I've seen that error before. A quick Google shows that interfering plugins can produce the scope response. Did you try with no plugins?

[ericjanto]

Sorry for the delay in getting back to you. You had the right hunch with the plugins–I disabled my adblocker and now it's working as expected.