Astro 项目在 Cloudflare 上呈现空白页面，没有控制台错误

Question

问题描述 我已经完成了我的 Astro 项目，它在本地开发和构建模式下都运行良好。但是，当我将其部署到 Cloudflare 时，我收到一个空白页面，没有控制台错误。 我尝试过的事情

创建了一个自定义的index.astro和布局，没有组件，这是有效的。 当我添加组件时，该组件不会渲染。

项目详情

将 Astro 与 SSR（服务器端渲染）结合使用 部署到 Cloudflare 这是 astro.config.mjs 文件

import cloudflare from "@astrojs/cloudflare";

import react from "@astrojs/react";

import icon from "astro-icon";

import tailwind from "@astrojs/tailwind";

// https://astro.build/config
export default defineConfig({
  output: "server",
  adapter: cloudflare({
    platformProxy: {
      enabled: true,
    },
  }),

  integrations: [
    react(),
    icon(),
    tailwind({
      applyBaseStyles: false,
    }),
  ],
});

问题

为什么我的组件在本地工作时可能无法在 Cloudflare 上渲染？ Cloudflare 上的 Astro SSR 是否存在任何已知问题？ 如果没有控制台错误，我可以采取哪些调试步骤来识别问题？

Answer 1

我有同样的错误，我的问题出在 .env 变量中。 Cloudflare 与他们合作不佳。解决方案是：

  adapter: cloudflare(),
  vite: {
    define: {
        "process.env": process.env
    }
  }