我使用Sveltekit创建了一个应用程序,我想在Firebase上静态托管它。
我的svelte.config.js文件如下:
import adapter from '@sveltejs/adapter-static';
import preprocess from 'svelte-preprocess';
/** @type {import('@sveltejs/kit').Config} */
const config = {
kit: {
adapter: adapter({
pages: 'public',
assets: 'public',
fallback: 'index.html',
precompress: false
}),
prerender: {
default: true
}
},
preprocess: [
preprocess({
postcss: true
})
]
};
export default config;
我的firebase.json是这样的:
{
"hosting": {
"public": "public",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [ {
"source": "**",
"destination": "/index.html"
} ]
}
}
当我使用firebase提供的URL访问网站时,只有HTML在我的浏览器中呈现,没有CSS或JavaScript被执行。我看到所有的文件都提供给我的浏览器,他们只是不运行。我在开发和预览时没有问题,只有在部署时。知道我哪里做错了吗
3条答案
按热度按时间i2byvkas1#
现在结束这个问题。似乎是我使用的Sveltekit版本的一个bug。
qf9go6mv2#
您试过这个吗?https://www.npmjs.com/package/svelte-adapter-firebase
我没有搜索,但可能有一个“静态”配置。
8hhllhi23#
Firebase Hosting现在原生支持Sveltekit(Beta)。不幸的是,文档的当前状态并不令人惊讶:)安装过程非常简单,不需要再使用适配器了。
我写了一个关于如何在Firebase Hosting上安装它的简短Gist,并添加了一些有用文档的链接:https://gist.github.com/coehne/caf0b3934455d842dfbfe1f4c1544348