我正在尝试SvelteKit框架并使用它。我构建了一个虚拟页面,对dev命令和build命令查找组件和部分没有任何问题。但是,当我试图将它部署到Vercel上时,Vite似乎很难找到组件。
vite:加载-回退不能加载/vercel/path0 0/src/ such /About.svelte(由src/path0/index.svelte导入):ENOENT:没有这样的文件或目录,打开‘/vercel/path0 0/src/such/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检测到的输出目录是公共的,但我通过vercel_build_output重写了它。我也尝试过使用自动适配器导致了同样的问题。我尝试直接使用github进行部署,使用vercel也遇到了同样的问题。我尝试了它,没有别名也给出了类似./组件的相对导入,结果也导致了同样的问题。
发布于 2022-03-12 22:25:00
您的文件名是小写b的Sidebar.svelte,而当您试图导入它时,它是带大写B的SideBar.svelte


https://stackoverflow.com/questions/71411727
复制相似问题