问题标签 [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.
svelte - SvelteKit req.body 未定义
我正在尝试设置 SvelteKit 以将其与我的 CMS 一起使用。
我正在从我的 CMS in 中api/query.js
获取数据,并从api/query
in 中获取数据index.svelte
。
它工作得很好,我可以获取整个数据,但如果我在获取请求中包含正文,我会收到错误“无法读取未定义的属性‘拆分’”。代码:
代码中被注释掉的部分是导致错误的部分。如果我console.log(req.body)
在api/query.js
它返回undefined
。
有没有办法可以使用 Express.js 正文解析器?或者有没有其他方法可以解决这个错误?
javascript - 如何从 SvelteKit 应用程序发送安全的 API 请求,而不在客户端显示 API 密钥?
我正在将 Supabase 用于新的 Sveltekit 应用程序,使用此模板
目前,我正在客户端传递 Supabase 密钥,如下所示:
我可以创建一个安全的后端/API 的最简单方法是什么,以便应用程序可以从 Supabase 获取内容,而不在客户端显示 Supabase 密钥?
Sveltekit 中是否有任何内置功能可以让我做到这一点?或者我需要集成像 Rails 这样的后端吗?
npm - 将 Sveltekit 应用程序部署到 Netlify 时,构建中断并出现错误“@supabase/supabase-js”不提供名为“createClient”的导出。怎么修?
当我尝试将带有 supbase 的 SvelteKit 应用程序部署到 Netlify(使用适配器-netlify)时,Netlify 构建失败并出现以下错误:
但是,我可以npm run build
在本地成功,没有任何错误。
我还尝试过重新安装 supabase 并更新我所有的 npm 包,并在dependencies
和之间切换 supabase 包devDependencies
,但 Netlify 构建仍然失败。
在 Netlify 上构建时,以下是失败的部署日志:
任何人都可以建议修复吗?
json - 来自 json 的 Object.entries 用 svelte 读出
我有一个问题,我已经关注 JSON 文件:
我怎样才能最好地读出 json 入口点(画布、鸡 ...)和宽 json 点(描述、名称、来源)并将它们显示在我的 html 中。它们应该单独显示。之前有不同的json格式,我读取数据如下:
我事先将 json 加载到 let 中
authentication - 在服务功能中访问会话存储
我尝试创建纯函数或至少一些服务类,以使用类型化方法访问后端 API。对于身份验证,我使用 cookie。
对于客户端请求,cookie 身份验证可以即时进行,但对于 ssr,我必须在使用fetch
.
我已经在会话中拥有所需的令牌,但是如果我尝试通过import { session } from '$app/stores';
组件外部访问会话,我得到了
Function called outside component initialization
.
一种选择是在每个 SSR api 函数上添加手动调用 cookie 标头作为参数,但这不会是一种干净的方式。
是否有人知道如何在组件外部访问会话,或者是否有任何可能的方法来定义包含访问存储(包括会话存储)的服务类,哪些功能可跨组件使用?
我想使用类似的东西:
代替:
如果有人可以提供继续的提示,那就太好了。
先感谢您。
斋月
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 将返回的对象转换为您将应用程序部署到的平台所需的任何内容。
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
文件中无效?
我怎样才能accessToken
从session
访问.ts
?
谢谢。
编辑
api.ts
代码:
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。
npm - SvelteKit:npm run build 没有图像
这是一个非常简单的 SvelteKit 程序:
<img src="static/bird.jpg" alt="a bird"/>
当我用 运行它时npm run dev
,会显示图像。但是当我使用npm run build
and时npm run preview
,只显示替代文本。
可能是什么原因?看起来像这样。
我使用 SvelteKit v1.0.0-next.107
svelte-3 - 使用 webcomponents 和 @sveltejs/adapter-static@next 时 npm run build 失败
我正在尝试使用鞋带 webcomponents 构建一个测试应用程序,但是当我执行npm run build
命令时它失败了。此代码目前在使用时有效npm run dev
,并且已经与其他 web 组件库(如 ui5-webcomponents)一起测试,并且在这两种情况下命令都失败了。
我的代码如下:
我得到的错误是:
我还用我现有的代码创建了一个小型仓库。我该如何解决这个错误?