我使用苗条的套件。我有多个页面。我的结构是这样的:
仅在产品上发生。如果我在一个页面上,并导航goto('register')
到另一个页面,css 将不会加载并且不会被运送。只有在整个页面重新加载后,样式才会出现。但是,如果我通过 goto() 导航回来,其他组件/页面的样式就会消失,直到我刷新整个页面。
当我通过以下方式路由时的样子goto('register')
:
如您所见,在常规路由中,没有发送用于注册的 .css 包。只有js。
我能做些什么 ?
还有我的 svelte.config.cjs
module.exports = {
// Consult https://github.com/sveltejs/svelte-preprocess
// for more information about preprocessors
preprocess: sveltePreprocess({
scss: {
includePaths: ['src/styles/']
}
}),
kit: {
// By default, `npm run build` will create a standard Node app.
// You can create optimized builds for different platforms by
// specifying a different adapter
adapter: node(),
// hydrate the <div id="svelte"> element in src/app.html
files: {
hooks: 'src/hooks'
},
target: '#svelte',
vite: {
ssr: {
noExternal: Object.keys(pkg.dependencies || {})
},
},
ssr:false,
}
};
不管有没有 ssr,都会出现这个问题。在开发上它按预期工作。