使用 AWS Amplify 部署静态 Svelte-Kit 应用程序

Question

我正在尝试在 AWS Amplify 上部署我的 Svelte 应用程序，我推送提交，Amplify 构建并验证应用程序，但如果我访问应用程序 URL，它只是一个空白页面，这可能是适配器问题？我尝试了 node.js 和静态的，但没有成功

Answer 1

如果您想要将 Sveltekit 应用程序部署到 AWS Amplify。您需要使用@sveltejs/adapter-static，因为它将通过静态 CDN 为您的应用程序提供服务。

更改适配器后，请确保在以下位置添加后备svelte.config.js：

// svelte.config.js
import adapter from '@sveltejs/adapter-static';

export default {
  kit: {
    adapter: adapter({
      fallback: 'index.html'
    })
  }
};

Answer 2

最终，这个问题解决了：

svelte.config.js

import adapter from '@sveltejs/adapter-static';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    kit: {
        adapter: adapter(),
        prerender: {
            default: true
        }
    }
};

export default config;