问题标签 [sveltekit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
666 浏览

svelte - SvelteKit req.body 未定义

我正在尝试设置 SvelteKit 以将其与我的 CMS 一起使用。

我正在从我的 CMS in 中api/query.js获取数据,并从api/queryin 中获取数据index.svelte

它工作得很好,我可以获取整个数据,但如果我在获取请求中包含正文,我会收到错误“无法读取未定义的属性‘拆分’”。代码:

代码中被注释掉的部分是导致错误的部分。如果我console.log(req.body)api/query.js它返回undefined

有没有办法可以使用 Express.js 正文解析器?或者有没有其他方法可以解决这个错误?

0 投票
1 回答
2987 浏览

javascript - 如何从 SvelteKit 应用程序发送安全的 API 请求,而不在客户端显示 API 密钥?

我正在将 Supabase 用于新的 Sveltekit 应用程序,使用此模板

目前,我正在客户端传递 Supabase 密钥,如下所示:

我可以创建一个安全的后端/API 的最简单方法是什么,以便应用程序可以从 Supabase 获取内容,而不在客户端显示 Supabase 密钥?

Sveltekit 中是否有任何内置功能可以让我做到这一点?或者我需要集成像 Rails 这样的后端吗?

0 投票
1 回答
1305 浏览

npm - 将 Sveltekit 应用程序部署到 Netlify 时,构建中断并出现错误“@supabase/supabase-js”不提供名为“createClient”的导出。怎么修?

当我尝试将带有 supbase 的 SvelteKit 应用程序部署到 Netlify(使用适配器-netlify)时,Netlify 构建失败并出现以下错误:

但是,我可以npm run build在本地成功,没有任何错误。

我还尝试过重新安装 supabase 并更新我所有的 npm 包,并在dependencies和之间切换 supabase 包devDependencies,但 Netlify 构建仍然失败。

在 Netlify 上构建时,以下是失败的部署日志:

任何人都可以建议修复吗?

0 投票
2 回答
128 浏览

json - 来自 json 的 Object.entries 用 svelte 读出

我有一个问题,我已经关注 JSON 文件:

我怎样才能最好地读出 json 入口点(画布、鸡 ...)和宽 json 点(描述、名称、来源)并将它们显示在我的 html 中。它们应该单独显示。之前有不同的json格式,我读取数据如下:

我事先将 json 加载到 let 中

0 投票
0 回答
78 浏览

authentication - 在服务功能中访问会话存储

我尝试创建纯函数或至少一些服务类,以使用类型化方法访问后端 API。对于身份验证,我使用 cookie。

对于客户端请求,cookie 身份验证可以即时进行,但对于 ssr,我必须在使用fetch.

我已经在会话中拥有所需的令牌,但是如果我尝试通过import { session } from '$app/stores';组件外部访问会话,我得到了 Function called outside component initialization.

一种选择是在每个 SSR api 函数上添加手动调用 cookie 标头作为参数,但这不会是一种干净的方式。

是否有人知道如何在组件外部访问会话,或者是否有任何可能的方法来定义包含访问存储(包括会话存储)的服务类,哪些功能可跨组件使用?

我想使用类似的东西:

代替:

如果有人可以提供继续的提示,那就太好了。

先感谢您。

斋月

0 投票
1 回答
2176 浏览

node.js - SvelteKit 端点:从 Node/Express 转换

SvelteKit 的新手,正在努力调整来自 Node/Express 服务器的端点以使其更通用,以便能够利用 SvelteKit 适配器。端点通过 node-postgresql 下载存储在数据库中的文件。

我在 Node/Express 中的功能端点如下所示:

到目前为止,这是我在 SvelteKit 中为 [filenum].json.ts 提供的内容......

在不创建对 Node 的依赖的情况下,使用 SvelteKit 执行此操作的正确方法是什么?根据SvelteKit 的端点文档

我们不会与您可能在 Node 的 http 模块或 Express 等框架中熟悉的 req/res 对象进行交互,因为它们仅在某些平台上可用。相反,SvelteKit 将返回的对象转换为您将应用程序部署到的平台所需的任何内容。

0 投票
1 回答
3088 浏览

typescript - Sveltekit - 从 lib 访问会话

我将 Sveltekit 与 Typescript 一起使用。在$lib文件夹中,我有一个api.ts文件。

登录后,我正在将 JWT 令牌写入session并想在api.ts文件中使用它。但我遇到了一个错误。

我正在关注这个例子: sveltejs / realworld

错误:Cannot find name '$session'. Did you mean 'session'?ts(2552)

为什么这个$session东西在.svelte文件中有效,但在.ts文件中无效?

我怎样才能accessTokensession访问.ts

谢谢。


编辑

api.ts代码:

0 投票
1 回答
608 浏览

endpoint - SvelteKit 并通过 node-postgres 从 PostgreSQL 中检索图像

在 PostgreSQL 的表中存储约 100 个 JPEG(每个 24K-100K)作为字节茶列。<img/>标签 src 属性引用 SvelteKit 端点:

收到此错误:

来自路由 /api/file/76.json 的无效响应:Uint8Array 主体必须伴随内容类型:application/octet-stream 标头

由于SvelteKit 端点不与 req/res 对象交互,因为它们仅在某些平台上可用,我不能只将 bytea 值作为流写出到响应对象,但我不确定正确的方法是什么.

也试过这个SQL语句......

但这没有帮助。

有什么想法吗?

更新:问题可能与 SvelteKit 错误有关 - 请参阅https://github.com/sveltejs/kit/issues/1438

0 投票
1 回答
667 浏览

npm - SvelteKit:npm run build 没有图像

这是一个非常简单的 SvelteKit 程序:

<img src="static/bird.jpg" alt="a bird"/>

当我用 运行它时npm run dev,会显示图像。但是当我使用npm run buildand时npm run preview,只显示替代文本。

可能是什么原因?看起来像这样

我使用 SvelteKit v1.0.0-next.107

0 投票
1 回答
303 浏览

svelte-3 - 使用 webcomponents 和 @sveltejs/adapter-static@next 时 npm run build 失败

我正在尝试使用鞋带 webcomponents 构建一个测试应用程序,但是当我执行npm run build命令时它失败了。此代码目前在使用时有效npm run dev,并且已经与其他 web 组件库(如 ui5-webcomponents)一起测试,并且在这两种情况下命令都失败了。

我的代码如下:

我得到的错误是:

我还用我现有的代码创建了一个小型仓库。我该如何解决这个错误?