我正在使用 Sveltekit 构建一个网站,IDE 内测试(npm run build)显示一切正常,路由工作正常并且页面显示正确。但是,当我尝试将应用程序上传到提供给我的开发网站时,框架似乎未加载。
它加载了 app.html 但似乎没有意识到它是一个 sveltekit 程序,而是只显示 '%sveltekit.head% %sveltekit.body%'
这是我的app.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>
我对 sveltekit 和 FTP 托管都缺乏经验,所以我想知道我是否将错误的文件上传到服务器?在 fileZilla 上(以及使用 vs-code sftp 扩展进行测试时),我主要尝试上传整个应用程序文件夹,但这是否不正确?
app.html
是源文件,而不是构建的输出。
您需要上传 SvelteKit 在构建时生成的文件。
如果您通过 FTP 部署,这听起来就像您有一个静态文件服务器。如果是这样,您应该查看有关“静态站点生成”的文档。这需要使用 @sveltejs/adapter-static
中的适配器,默认情况下它将直接将结果输出到
build
,这就是您应该上传的内容。