问题标签 [sveltekit]

使用 render.com 部署我的 svelte kit 项目时遇到问题。

在这里您可以看到文章文件夹的外观：

我的问题是，当我在使用运行开发或预览（构建后）时尝试访问文章（[slug].json.js）时，一切正常，我可以访问我的文章/[slug].json 但是当我项目使用 render.com 部署，我无法访问任何文章，一切都“未找到”。

index.json.js 也正在获取所有文章并且工作正常。

如果我不够清楚，请随时向我询问更多信息。

[slug].json.js 中的代码，如果我能帮忙的话：

有人可以帮我弄这个吗 ？

我最近开始通过 SvelteKit 使用 Svelte，我对这个框架有一些问题，我无法在源代码/文档中找到任何直接答案：

1. SvelteKit 具有SSR，在文档中它说：

如果您需要从外部 API 请求数据，所有服务器端代码（包括端点）都可以访问 fetch。

• 除了端点之外，服务器端呈现了哪些代码以及它如何决定这一点？来自苗条页面的脚本中的所有代码都在客户端上运行，还是其中一些在服务器上运行？
• 为了在本地使用 SSR，您需要一个适配器，还是 svelte 自己启动服务器？
• 例如， SSR如何在Netlify等生产环境中工作。netlify 适配器是否用于 SSR（在netlify 函数中运行端点）？如果未提供 netlify 适配器，端点将如何/在哪里运行？

2. 如果我想在sveltekit 项目中使用自定义 netlify 函数，需要哪些配置（除了 netlify.toml 和 netlify 适配器）才能让 netlify从函数目录中识别函数？
3. SSR 和预渲染之间有什么区别？SSR仅用于端点和其他 js 代码，prerendering用于生成Html以将其发送到客户端，然后将其与已编译的 js 代码一起水合，也发送到浏览器？

谢谢！

使用graphql和动态路由加载页面而不刷新的最佳方法是什么。我有一个名为的文件kindergarten可以完美加载而无需刷新整个页面：

而且我还有另一个页面叫做[slug].svelte：

当我单击kindergarten页面上的链接时，它会转到子页面但会刷新整个站点。
如何优化[slug].svelte文件以防止刷新页面？
由于我是 Svelte 和 Sveltekit 的新手，因此对优化整个代码的任何想法表示赞赏。

我来自 vue，习惯于可组合的功能。我试图找出在苗条中做到这一点的方法

所以我制作了一个 js 文件并导入存储，然后尝试制作一个可以调用多个组件并单独操作的函数

swipe.js 文件

然后在脚本中的.svelte组件导入函数中分解成子部分

好吧，最终我想变成一个滑动组件，因此得名，但试图降低基本面。因此，我希望能够为每个组件拥有唯一的存储，为此，如果我使用多个此 .svelte 组件，则状态将在所有人之间共享。

不仅仅是三个 idk modal.svelte 组件，我想对一堆差异组件使用滑动，也许是 photoViewer.svelte 只是通用滑动功能，并且对所有组件使用相同的代码。

还是我只需要保持每个 .svelte 组件中的状态const dyFromStart = writable(0)并将let dyFromStart = 0其传递给一个纯 js 函数，该函数返回结果并更新本地 .svelte 变量

将其添加为我正在尝试但无法响应的非存储更纯 js 的东西，因此接受下面关于存储方法的答案，听起来像是正确的方法

我想这可以正常工作，只是不会与 $ 反应，如果这样做需要调用来更新 diff local var

就可组合函数类型样式而不是存储类型而言，这对我来说似乎最苗条或类似的东西

I have a page (a dynamic route) where I am fetching data from an API in the load function. What is the correct way to show a loading indicator till the data is fetched. Things I have tried:

1. Using await block. I return a promise to fetch function and then in the normal script tag, I export a promise variable. I then resolve this promise manually after manipulating the data.

then in normal script tag

then in HTML

This works fine the first time, I am guessing, this works when the page is rendered server side. But on subsequent calls, my promise resolution logic doesn't get called and I receive promise directly in my await block, where there is no logic to manipulate it.

2. I export a variable to receive final processed data from the load function and in HTML, I try to display the loading indicator till this variable is undefined using {if} block. This works for the first time when the variable is actually undefined, but on subsequent calls, only the value of this variable changes but it is never undefined.

我希望能够管理我的 SvelteKit 应用程序的历史记录，同时确保 SvelteKit 的整个路由系统不会受到任何影响。

就像是：

我是一个苗条的新手，并试图了解它，但我无法从一开始就建立这个项目。

当我键入npm init svelte@next my-app启动它时，它会在终端中引发错误，

我更新了我的 nodeJs v16，但没有任何改变你能帮我解决这个问题吗？

我正在使用没有任何路由库的 Svelte+Sveltekit。

我想做的是通过<a>标签（或其他方式）从另一个页面将对象传递给路由。

在一个页面上，我有一个对象列表，对于每个对象，我呈现一个项目：

上面的对象有一些我想在- 创建为 slug 路由user中呈现的键值对：/users/{username}

是否可以这样做，或者我需要不同的方法/路由库？

如何使用 __layout 中的过渡来加载带有动画的页面？
__layout.svelte：

Animate.svelte：

在此示例中，过渡效果仅适用于一次并显示动画。但我想在每次页面更改时显示转换！有没有改进这个应用程序的解决方案？

我使用 svelte 端点获取浏览器语音到文本转换的身份验证令牌这是代码

watson-api.js导出api的所有凭据以
在端点上工作，localhost:3000/api/它提供以下内容

请帮忙谢谢你的时间