如何在Back4App部署SvelteKit应用？两种尝试均失败

1. 配置Node适配器 #

先把SvelteKit改成适配Node.js的模式，这是Back4App支持的标准部署方式：

• 安装依赖：

  npm install @sveltejs/adapter-node --save-dev
  

• 替换svelte.config.js里的适配器配置：

  import adapter from '@sveltejs/adapter-node';
  import { vitePreprocess } from '@sveltejs/kit/vite';
  
  const config = {
    preprocess: vitePreprocess(),
    kit: {
      adapter: adapter({
        out: 'build' // 输出目录默认就是build，无需修改
      })
    }
  };
  
  export default config;
  

2. 构建生产包 #

在本地执行构建命令，生成可部署的Node应用文件：

npm run build

执行完成后，项目根目录会生成build文件夹，里面包含所有运行所需的文件。

3. 添加启动配置文件 #

Back4App需要明确应用的启动方式，在项目根目录创建无后缀的Procfile，内容如下：

web: node build/index.js

这个文件告诉平台用Node运行build/index.js作为Web服务的入口。

4. 用b4a命令部署 #

确保你已安装Back4App的CLI工具，执行部署命令：

b4a deploy

部署时CLI会自动将build文件夹、Procfile和依赖配置文件（package.json、锁文件）上传到云端，无需手动复制文件到public目录。

解决你遇到的默认页面问题 #

你之前复制output/server文件到public的操作是错误的——output/server是SvelteKit的服务端逻辑，必须通过Node进程启动，不能当作静态文件托管。按照上面的流程部署后，Back4App会优先执行Procfile的启动命令，接管所有请求，不会再显示默认生成的静态页面。

如果部署后仍有异常，可前往Back4App控制台查看应用日志，排查依赖缺失或配置错误问题。

内容的提问来源于stack exchange，提问作者JLLMNCHR