问题标签 [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 投票
3 回答
2812 浏览

svelte - 使用 Sveltekit 和 Tailwind CSS

Sveltekit 终于公开测试版了。有谁知道如何将它与 Tailwind CSS 一起使用?此集成没有任何官方文档。

0 投票
1 回答
1216 浏览

svelte - How to create pages from markdown in SvelteKit

I'm in the process of migrating my blog from Sapper to SvelteKit. I've written blog posts using markdown, and I was using markedjs to import the markdown files and export them to my component. It looks like this approach doesn't work with SvelteKit, however.

How would I do this using SvelteKit? Do I need a Vite plugin?

0 投票
1 回答
856 浏览

svelte - 当我使用自定义域在 Google Cloud Run 中实现一个 sveltekit 项目时加载资源失败

描述错误:我使用 Google Cloud Run 通过节点适配器运行我的 svelte kit 应用程序。它似乎适用于默认版本,但对于我的自定义域,它无法加载 [slug].svelte 路由中的资源。

默认版本:

自定义域版本:

在自定义域版本中,虽然它可以从脚本模块获取数据,但我无法访问信息。

我使用节点适配器,这是我的以下配置:

第一次我运行 npm run build

第二我使用码头工人

从节点:12.17

工作目录 /youernes

环境端口=8080

环境主机=0.0.0.0

复制 。.

CMD [“节点”,“构建/”]

当我访问 planes 文件夹时,出现以下错误:

如何重现问题以获得解决方案:您必须使用节点适配器实现一个带有 [slug].svelte 路由的 svelte kit 项目,然后使用带有自定义域的谷歌云运行来实现它。有人可以帮助我,甚至尝试过吗?

非常感谢大家。

0 投票
1 回答
491 浏览

node.js - 将请求的原始正文获取到 SvelteKit 端点

我的 SvelteKit 应用程序中有一个端点,用于处理来自 Stripe 的 webhook 请求。每个请求都经过签名,以便可以验证它来自 Stripe。

我必须验证事件是否来自 Stripe 的代码如下所示:

但是当它从 Stripe 接收到一个事件时,我得到了这个错误:

经过一番研究,我发现这个函数在调用SvelteKit 钩子之前将 body 解析为 JSON,这意味着无法直接获取原始 body,所以我决定最好的选择是尝试重建原始 body:

我不完全确定为什么这不起作用,因为在挖掘了 Stripe 库中的相关代码之后,它似乎可以很好地处理字符串。我最好的猜测是,在某些时候编码会变得混乱。

对此的任何帮助将不胜感激,因为我真的很想避免离开 SvelteKit,因为我实际上已经完成了我的项目(回想起来,这不是一个好主意)。

0 投票
1 回答
1487 浏览

svelte - 如何在 SvelteKit 中获取用户代理加载功能

我想user agent根据load function访问者是否选择是否执行服务器端渲染googlebot

我怎样才能在里面访问它load function

我正在使用最新版本的 SvelteKit,它是 1.0.0。

0 投票
1 回答
1272 浏览

svelte - 在生产服务器上启动 Svelte 应用程序的最佳方式是什么?

我将 SvelteKit (1.0.0) 与节点适配器一起使用。

我想在我的服务器上使用它并以pm2.

在没有节点适配器的情况下启动 Svelte 应用程序的最佳方法是什么npm start

我不需要 pm2 命令,只需要 Svelte 的 npm 命令。

0 投票
1 回答
1049 浏览

node.js - sveltekit 中未定义的 process.env 环境变量

我正在使用新的SvelteKit框架和node-adapter

在生产构建的端点中undefined使用语法时,我遇到了环境变量问题。process.env.APPLICATION_KEY_ID

当我使用时:我 console.log(process.env)正在获取所有变量的列表,包括我的APPLICATION_KEY_ID

但是当我使用console.log(process.env.APPLICATION_KEY_ID)

我正进入(状态undefined

有人可以提示我做错了什么吗?

我正在 kubernetes 中运行该应用程序,这是我用于构建此映像的 Dockerfile:

0 投票
1 回答
1914 浏览

node.js - 如何在 Sveltekit 中集成 sqlite3?

我一直在将 sqlite3 用于我的大多数全栈应用程序(前端的 node/express、django/drf + svelte 作为 api 端点的消费者),并且一直在尝试弄清楚如何集成 sqlite3。

这是我所做的

我假设您熟悉 sveltekit。对于那些新手,你可以去看看SvelteKit

  1. 我安装了better-sqlite3模块
  2. 在文件夹database.js内创建文件src/lib
  3. 添加了以下代码:
  1. 我使用以下代码创建了端点以从文件夹index.json.js内的数据库中获取所有文章:src/routes
  1. 我在 index.svelte(主页)中使用了该端点,如下所示:
  1. 然后按以下方式使用获取的文章:

而已。

0 投票
1 回答
513 浏览

svelte - 使用带有 sveltekit 的 svelte-forms 时调用外部组件初始化的函数

在 sveltekit 中使用 svelte-forms 时,即使在onMount

0 投票
1 回答
416 浏览

sveltekit - SvelteKit 瞬间无样式的 html

我通过 sveltekit cli 命令创建了一个基础应用程序。我选择的选项是 scss 和 typescript。在我启动应用程序一瞬间,我看到了无样式的 html。每次和我创建的每个项目都会发生这种情况。我做了一些测试,似乎 css(app.scss) 是在 html(localhost) 之后加载的。另一个似乎一致的情况是,每次我重新加载页面时都会发生这种情况,但导航时不会发生这种情况。这表明它可能是服务器端的。在我看来,html 和 css 应该加载到同一个文件中,尽管 SvelteKit 可能有不同的方法。

网络请求的照片

我和 Sapper 有同样的问题并解决了这个问题。但我忘记了我是如何修复它的。新的 SvelteKit 设置也有很多不同之处。你们知道如何解决这个问题吗?

提前致谢