[🐞] Dynamic routes return 404s in static html builds

duncan1a commented 1 year ago

Which component is affected?

Qwik-city [routing]

... Or possibly qwik runtime

Describe the bug

I'm building for firebase hosting, so I'm doing static HTML builds.

When I have a dynamic route it's returning 404s. When I run the dev server with npm run dev they work fine. It doesn't look like it's building the html files for the dynamic routes

Reproduction

https://corrineskitchen-dev.web.app/contact/test

Steps to reproduce

Eg, I have a contact page routes/contact/index.tsx. If I make a dynamic route routes/contact/[test]/index.tsx which is just a component that returns "Hello Qwik" - so as simple as possible, I get a 404 in the production build.

The same happens if the route is only a dynamic route, eg: routes/post/[id]/index.tsx

The result from the production build

With the dev server it works fine:

System Info

System:
    OS: macOS 13.3.1
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 21.63 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.1.0 - /usr/local/bin/node
    npm: 9.6.4 - /usr/local/bin/npm
  Browsers:
    Chrome: 112.0.5615.137
    Edge: 112.0.1722.68
    Firefox: 112.0.2
    Safari: 16.4
  npmPackages:
    @builder.io/qwik: ^1.0.0 => 1.0.0 
    @builder.io/qwik-city: ^1.0.0 => 1.0.0 
    @builder.io/sdk-qwik: ^0.3.0 => 0.3.0 
    undici: 5.14.0 => 5.14.0 
    vite: 4.0.3 => 4.0.3

Additional Information

duncan1a commented 1 year ago

I've reproduced this with a fresh v1 qwik app. All I did was add a dynamic route under the /demo/flower/ route that comes with the initial setup. I've uploaded it here including the /dist folder

https://github.com/duncan1a/qwik-v1