Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hydrate Issue when setting up an Express subapp using mountpath

See original GitHub issue

What version of Remix are you using?

1.5.1

Steps to Reproduce

I’ve created an example repo https://github.com/christophior/remix-express-mountpath-example

Steps include:

create a basic Remix app using Express as the server
update server.js to mount a subapp which will be used for our app
update our remix.config.js so that our public path is updated to hit the new subpath

Expected Behavior

Application loads when hitting subpath instead of quickly flashing rendered page followed by a white page.

Actual Behavior

When you run the application and hit a route in the subpath, for instance /example or /example/counter you will see the page render for a split second before displaying a white page.

Currently my example repo shows the following error in the console:

Warning: Did not expect server HTML to contain a <script> in <html>.

but I have also seen the following error in another project:

Warning: Did not expect server HTML to contain a <div> in <div>.

Issue Analytics

State:
Created a year ago
Comments:5

Top GitHub Comments

1reaction

chaancecommented, Jun 6, 2022

I wouldn’t say this is hacky, rather it’s exactly why we expose lower level APIs like createRequestHandler in the first place. This isn’t an extremely common use-case, but it is something we want to enable if you are running your own server!

1reaction

kilimancommented, May 26, 2022

Ok whatever you choose you need to make sure that Remix routes match the URL in the browser. That is you cannot do URL rewriting on the server.