SvelteKit 构建在本地运行良好，但在 Vercel 上它爆炸了？

Question

我正在试用 SvelteKit 框架并使用它。我构建了一个虚拟页面，并且 dev 命令和构建命令查找组件和部分没有任何问题。但是，当我尝试将其部署到 Vercel 上时，Vite 似乎无法找到组件。

[vite:load-fallback] Could not load /vercel/path0/src/sections/About.svelte (imported by src/routes/index.svelte): ENOENT: no such file or directory, open '/vercel/path0/src/sections/About.svelte'

这是我设置模块别名和 Vercel 适配器的配置文件。

import vercel from '@sveltejs/adapter-vercel';
import { resolve } from 'path';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    kit: {
        // adapter: adapter(),
        adapter: vercel(),
        vite: {
            resolve: {
                alias: {
                    $src: resolve('./src'),
                    $components: resolve('./src/components'),
                    $sections: resolve('./src/sections')
                }
            }
        }
    }
};

export default config;

默认情况下，Vercel CLI 检测输出目录为 public，但我用 vercel_build_output 覆盖了它。我也尝试使用自动适配器导致同样的问题。我尝试直接使用 github repo 进行部署，并且使用 vercel cli 也遇到了同样的问题。我在没有别名的情况下尝试了它，也给了相对导入，比如 ../components 也导致了同样的问题。

Answer 1

你的文件名是 Sidebar.svelte 小写 b 而当你尝试导入它时，它是 SideBar.svelte 大写 B

SvelteKit 构建在本地运行良好，但在 Vercel 上它爆炸了？

SvelteKit build is working fine locally but on vercel it blews up?

web-deployment

svelte

vercel

vite

sveltekit