我一直在使用 Github Pages 来托管我的一个项目的演示,但是它最近停止工作,对 _app 目录中的所有文件抛出 404 错误,尽管这些文件实际上在那里。该页面是 SvelteKit 应用程序的静态构建。
在网上查看似乎它可能与 Jekyll 有关,但是我已经禁用它创建了一个
.nojekyll
文件。
事实证明,构建包含确实包含存储库路径前缀的导入(http://[name].me/[repo])。我通过将此行添加到我的
svelte.config.js
: 来修复它
import adapter from '@sveltejs/adapter-static';
import { vitePreprocess } from '@sveltejs/kit/vite';
/** @type {import('@sveltejs/kit').Config} */
const config = {
preprocess: vitePreprocess(),
kit: {
adapter: adapter({
pages: 'build',
assets: 'build'
}),
paths: {
// Add this line here
base: process.env.NODE_ENV === 'production' ? '/repo-name' : ''
}
}
};
export default config;