Basic Routing Works on Server but not Client

[jdgamble555]

Reproduction

https://remix-firebase-test.vercel.app/about

https://github.com/jdgamble555/remix-firebase-test/tree/master

https://stackblitz.com/github/jdgamble555/remix-firebase-test

The stackblitz seems to work fine. The problem is ONLY in production. You can test this on a local machine by running:

1. npm run build
2. npm run start
3. Navigate here: http://localhost:3000/about

System Info

Pushed to Vercel, Brand new remix - 2.8.1

Used Package Manager

npm

This is a basic app. All I have installed is Tailwind.

Expected Behavior

It should just display the route as working in the dev version.

Actual Behavior

It says 404 not found, the server loads correctly, but the browser routing is not correct.

[huijiewei]

override rollup to 4.15.0, this is rollup issue.

[jdgamble555]

Since rollup is in the core package though, Remix should upgrade their dependencies. But yes, this fixed the problem.

[brophdawg11]

rollup is not in the core package, it's a nested dependency of vite. The rollup folks are looking into this and have a fix open: rollup/rollup#5443 (comment).

Closing as a duplicate of #9275

[brophdawg11]

Resolved in rollup 4.16.2: https://github.com/rollup/rollup/releases/tag/v4.16.2