SvelteKit静态站点部署异常，如何调整配置解决？

开发者阿泽

2026-6-25

解决方案

先把适配器配置弄对
先安装静态站点适配器：

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

然后在svelte.config.js里正确导入并配置（注意补上export default，你之前的代码漏了这个）：

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

const config = {
    kit: {
        adapter: adapter({
            pages: 'build',
            assets: 'build',
            fallback: undefined,
            precompress: false,
            strict: true // 开严格模式，强制所有路由预渲染
        })
    }
};

export default config;

全局开预渲染，别单个页面瞎折腾
在src/routes/+layout.js里加全局配置，这样所有页面都会被预渲染，不会出现单个页面设置被忽略的情况：
```
export const prerender = true;
export const ssr = true; // 预渲染依赖服务端渲染，必须开启
```
修复app.css的引用问题
报错404 /src/app.css是因为你直接引用了src目录下的文件，但src不会被打包到build文件夹里。两种解决办法：
1. 把app.css移到项目根目录的static文件夹（没有就新建），然后在+layout.svelte里这么引用：
```
<link rel="stylesheet" href="/app.css">
```
2. 或者把app.css放到src/lib里，在+layout.svelte里通过模块导入：
```
<script>
    import '$lib/app.css';
</script>
```
重新构建预览
跑一遍构建命令：
```
npm run build
```
这次build目录里应该就能看到HTML和CSS文件了。然后预览：
```
npm run preview
```
页面和CSS应该都能正常加载了。