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

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.

SolidJS•2y ago•

6 replies

deminearchiver

Cloudflare Pages deployment route content not loaded

Suspense

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>
  );
}

Cloudflare Pages deployment route content not loaded

Similar Threads

Cloudflare Pages deployment route content not loaded

Similar Threads

Similar Threads

Similar Threads