SolidJS•6mo ago

Cloudflare Pages deployment route content not loaded

Like for 2-3 days I'm trying to deploy my test Solid Start site at least SOMEWHERE, but the only provider which seems doable is Cloudflare Pages - my site actually gets deployed successfully. But when I go to the deployment URL I can see my navbar, but I cannot see the current route content (which is wrapped in Suspense in my code):

const App: Component = () => {
  return (
    <Router root={
      props => (
        <MultiProvider
          values={[
            MetaProvider,
            ThemeProvider,
            HeroProvider,
          ]}>
              <Title>Solid Start</Title>
              <AppBar />
              <Suspense>{props.children}</Suspense>
        </MultiProvider>
      )
    }>
        <FileRoutes />
    </Router>
  );
}

const App: Component = () => {
  return (
    <Router root={
      props => (
        <MultiProvider
          values={[
            MetaProvider,
            ThemeProvider,
            HeroProvider,
          ]}>
              <Title>Solid Start</Title>
              <AppBar />
              <Suspense>{props.children}</Suspense>
        </MultiProvider>
      )
    }>
        <FileRoutes />
    </Router>
  );
}

Below I have 2 screenshots, the empty one from the deployment and the correct one from localhost. I'm really open for any suggestions because it this point I'm completely desparate: my project can't even be built statically, and when deploying to Vercel or Netlify I get errors which nobody else seems to be getting.

5 Replies

Madaxen86•6mo ago

Can you share your repo url or at least app.config.ts? Did you use the corresponding provider/preset for Netlify/Vercel/cloudflare for the nitro config?

deminearchiverOP•6mo ago

I checked other related posts and GitHub issues. My config is correct.

export default defineConfig({
  server: {
    preset: "cloudflare-pages"
  },
});

export default defineConfig({
  server: {
    preset: "cloudflare-pages"
  },
});

Madaxen86•6mo ago

Did you have a look at this post from Ryan: https://ryanjc.com/blog/solidstart-cloudflare-pages/

Deploying SolidStart to Cloudflare Pages

Deploying SolidStart (Nitro) to Cloudflare Pages

Madaxen86•6mo ago

There’s a additional rollup config for :

rollupConfig: {
        external: ["__STATIC_CONTENT_MANIFEST", "node:async_hooks"],
      },

rollupConfig: {
        external: ["__STATIC_CONTENT_MANIFEST", "node:async_hooks"],
      },

deminearchiverOP•6mo ago

Thanks, I'll try it out. I actually reverted my project back to plain SolidJS already because I lost hope

Gaming

Programming

Cloudflare Pages deployment route content not loaded