问题标签 [sveltekit]

我正在将工兵项目迁移到苗条项目。顺便说一句，当我将 svelte-vimeo-player 模块导入项目时，我得到了错误。

我安装了svelte-vimeo-player: "^0.1.3"

在 sveltekit 中导入和使用 svg 文件我参考这篇文章 https://riez.medium.com/svelte-kit-importing-svg-as-svelte-component-781903fef4ae 顺便说一句，当我最终输入代码时

我收到如下错误

我希望有人帮我解决这个问题。

我使用苗条的套件。我有多个页面。我的结构是这样的：

仅在产品上发生。如果我在一个页面上，并导航goto('register')到另一个页面，css 将不会加载并且不会被运送。只有在整个页面重新加载后，样式才会出现。但是，如果我通过 goto() 导航回来，其他组件/页面的样式就会消失，直到我刷新整个页面。

它看起来像什么风格。（包括 css 调用）

当我通过以下方式路由时的样子goto('register')：

如您所见，在常规路由中，没有发送用于注册的 .css 包。只有js。

我能做些什么 ？

还有我的 svelte.config.cjs

不管有没有 ssr，都会出现这个问题。在开发上它按预期工作。

我正在使用 SvelteKit，出于 SEO 的原因，我想使用完整的 SSR 并确保在传递到浏览器之前获取所有数据并在服务器端呈现。换句话说，所有对后端 API 的调用都应该在初始页面响应交付之前完成。

但是，从文档中我不清楚如何实现这一点。（我可能错过了一些东西。）

我尝试了以下方法，但这只是提供了一个完全空的身体：

有谁知道如何在获取数据之前使用 SvelteKit 阻止服务器端渲染？

使用 SvelteKit 1.0.0-next.95 从外部 API 端点获取 JSON 数组并在模板中显示，如下所示：

如果您在浏览器中尝试https://www.schoolhouseyoga.com/api/announcement (CORS) 或使用 curl，您将获得一个包含两个元素的 JSON 数组。

当我在开发模式下运行它，npm run dev -- --open并在 Safari 14.1 (macOS) 上导航到此路由时，我收到 500 错误和消息，“Access-Control-Allow-Origin 不允许访问源 http://localhost:3000。 " 如果我尝试在 Google Chrome 上导航到该路线，我会收到 500 错误和“TypeError: Failed to fetch”。

但是对于任一浏览器，如果我刷新页面，数据就会成功加载。导航到不同的路线然后再次返回，错误再次出现。

我猜这与 SSR 有关，但不知道该怎么做。

有什么想法吗？

我已经使用 svelte 和 sapper 编写了一些应用程序，并认为我会尝试使用 sveltekit。总而言之，它可以工作，但我现在遇到了在服务器上注册工作人员的问题。

基本上我正在尝试将 socket.io 添加到我的应用程序中，因为我希望能够从服务器发送和接收数据。有了 sapper，这并不是一个真正的问题，因为您拥有server.js可以将 socket.io 连接到 polka/express 服务器的文件。但我在 sveltekit 和 vite 中找不到任何等价物。

我做了一些实验，可以在路由中创建一个新的 socket.io 服务器，但这会导致一系列新问题，例如它位于单独的端口上并导致 cors 问题。

所以我想知道这是否可以使用 sveltekit 以及如何访问底层服务器？

如果下面的文件 test.svelte 是 /routes 中的一个页面，它会成功调用 load() 并使用它在我通过 http://localhost:3000/test 访问它时检索到的 JSON 数组填充模板。如果我将此文件移动到 /lib 并将其作为组件导入 /routes/index.svelte，则当我转到 http://localhost:3000 时，组件的 load() 方法将永远不会运行。

test.svelte

下面是 routes/index.svelte，它尝试将其作为 /lib 中的组件加载：

好像我在做一些明显错误的事情，但我是 Svelte 和 SvelteKit 的新手。虽然我考虑在 routes/index.svelte 中检索数据并将其传递给组件，但我希望将数据检索封装在组件中以使其更简单。

我遇到了同样的问题config.kit.adapter 应该是一个具有“adapt”方法的对象， 并且能够使用它来修复它

npm i @sveltejs/adapter-node@next

更新文档会很好。但是现在“开始”出现了问题。

npm run start

不再工作了。几周前它还在工作。我得到：

"svelte-kit preview" will now preview your production build locally. Note: it is not intended for production use

好的，但是我现在如何启动我的生产节点服务器？

我正在使用 sveltekit 创建一个应用程序，目前正在添加日志记录。

使用winston 在后端非常简单，因为它几乎可以开箱即用。

但是我在前端导入它时遇到了一些问题。

我的代码很简单

但那个简单的片段似乎抛出了这个错误

老实说，我真的不知道可能出了什么问题，除非它可能是服务器/客户端渲染的问题。

所以我想问题是：你可以在 sveltekit 项目中导入winston，如果可以的话怎么做？这个特定问题有什么解决方法吗？

我用 sveltekit:svelte: (@sveltejs/kit": "1.0.0-next.95) 开发了一个网站。这些文章是降价的，所以我使用 mdsvex 作为内容。

我在 cloudflare 页面中部署了带有适配器 vercel 和适配器静态的站点。

两个脚本都运行良好，我只是想了解将无服务器功能与 vercel 适配器一起使用与将站点作为静态导出与适配器静态运行的好处，该适配器静态可以在任何地方工作（包括 vercel，即使没有具有无服务器功能的适配器） .