Webview blank (receives empty HTTP response)

[mchalapuk]

Problem description:
I’m writing a NextJS app. Running the repl opens a Webview which immediately receives an empty HTTP response and displays a completely white page. The compilation ends but the page stays white. I tried refreshing, opening Webview in a new tab, force-refreshing the new tab, closing and opening my repl, logging out and logging in again. Nothing helped.

It worked before. It seems it stopped working after running my repl for a few hours (without any code or config changes). When run locally on my macbook everything works great.

Expected behavior:
When it worked the Webview waited for the end of compilation with a special message (don’t remember what it was) and then displayed the app correctly.

Actual behavior:
Webview receives empty HTTP response from the server and renders a white page.

Steps to reproduce:
Run the repl.

Bug appears at this link:
https://djinniai.mchalapuk.repl.co/

Browser/OS/Device:
Brave/MacOS Ventura 13.4.1/Macbook Air

[NateDhaliwal]

hey @mchalapuk , welcome to the forums!
Can you send a screenshot of your repl?

[mchalapuk]

Sure.

[NateDhaliwal]

Can you send a screenshot of your files?

[mchalapuk]

A private repl. Sorry.

[NateDhaliwal]

The files shouldn’t matter, the code does. If you are storing sensitive data, try storing them in Secrets.
I only need to see the files sidebar.

[mchalapuk]

You’re probably right. There’s no IP in the file names. At least at this point.

[NateDhaliwal]

Which file is your HTML code in?

[mchalapuk]

app/page.tsx (standard NextJS location)

[mchalapuk]

It worked for some time and then it stopped after running the repl for a few hours without any changes in the code or config.

[mchalapuk]

I think I solved the problem. It started working after I specified ports inside .replit file.

[[ports]]
localPort = 3000
externalPort = 80

Thanks @NateDhaliwal