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

svelte - 这个 vite 错误是什么意思?SyntaxError:Object.pp$4.raise 处的意外令牌 (6:180)

我正在将我的 Sapper 应用程序升级到 SvelteKit。我可以很好地运行 npm run dev,它会在 localhost:3000 上启动我的应用程序。当我浏览到该 URL 时,我收到以下错误:

我无法弄清楚这个错误的提出点。谁能推荐一个地方看看?

我的 svelte.config.cjs 是

我的 package.json 包括以下内容

0 投票
0 回答
418 浏览

svelte - SvelteKit 预渲染似乎不起作用

这是我的 index.svelte

我正在预渲染这个页面,在构建之后,我得到了预渲染的 HTML 文件(在预渲染目录中),prerendering里面的 h1 设置为 true。当我node build在浏览器中使用和禁用 JS 为应用程序提供服务时,我得到Hello world! prerendering : false. 很明显,服务器没有提供预呈现的页面。我adapter-node在构建期间使用。

任何想法为什么会发生这种情况?谢谢你。

0 投票
0 回答
221 浏览

javascript - 无法解析从“src/routes/$layout.svelte”导入“@urql/exchange-graphcache”。文件是否存在?

我有一个我一直在处理的 sveltekit 项目,并在不久前使用 @urql/exchange-graphcache 配置了图形缓存。但是我刚刚安装了一个新的依赖项(dayjs,虽然我认为它无关紧要),现在它抛出了错误:

当我在安装 dayjs 之前回滚并安装新的 yarn 时,我得到了同样的错误。我尝试浏览graphcache 错误页面,但没有找到任何帮助。任何人都可以帮助解决可能的错误吗?

如果有帮助,这些是我的依赖项

0 投票
2 回答
2003 浏览

apollo - 如何在 SvelteKit 中初始化 ApolloClient 以同时在 SSR 和客户端上工作

我试过但没有用。出现错误:评估 SSR 模块 /node_modules/cross-fetch/dist/browser-ponyfill.js 时出错:

0 投票
1 回答
936 浏览

svelte - svelte kit 中没有加载功能的访问参数

在 SvelteKit 中,我想在不使用 SSR 加载功能的情况下访问 page.params,因为我只想进行客户端渲染。有没有办法在没有 SSR 加载功能的情况下访问 page.params?

0 投票
1 回答
691 浏览

jwt - 令牌在端点生成但未到达页面

我想用 Svelte/Kit 创建一个网站并使用 JWT。我在互联网上找到了说明,例如:Svelte JWT Authentication https://morioh.com/p/1d95522418b2 SvelteKit Session Authentication Using Cookies https://www.youtube.com/watch?v=bG7cxwBMVag 但遗憾的是没有说明苗条套件和智威汤逊。所以我自己试了一下。

令牌在端点生成,但未到达页面(或不可调用)。我怀疑标题中的某些设置是错误的,但无法弄清楚出了什么问题。这是我高度简化的测试环境:

(1) 我从页面 index.svelte 调用端点 login.js。为了测试,我省略了检查电子邮件和密码,并立即返回 JWT。数据到达,但我没有看到 JWT。

(2) JWT 应该被发送到另一个端点。做这个的最好方式是什么?

“页面” index.svelte(简化):

“端点” login.js(简化):

控制台显示:

0 投票
1 回答
3852 浏览

javascript - config.kit.adapter 应该是一个带有“adapt”方法的对象

我想在我的 Svelte Kit 应用程序中使用 @sveltejs/adapter-static(想把它变成一个 SPA)。我使用 npm i @sveltejs/adapter-static 安装了静态适配器。

svelte.config.cjs 中的代码如下所示

当我启动我的应用程序时,npm run dev出现以下错误: config.kit.adapter should be an object with an "adapt" method

我怎样才能解决这个问题?

0 投票
1 回答
105 浏览

package - 如何使用其中使用其他包的 Svelte 组件库?

我正在用 svelte 制作一个组件库“svelte-element-ui”,这个库使用了一些其他的包,比如 popperJs。

当我将组件库发布到 npmjs 时,package.json 文件如下所示:

我想在其他一些像 svelte-kit 这样的 svelte 网站项目中使用这个组件库,所以我将它导入到 svelte-kit 中。

但是当我访问该页面时出现错误:

无法解析从“node_modules/.pnpm/registry.nlark.com+svelte-element-ui@1.3.12/node_modules/svelte-element-ui/packages/util/SveltePopperJs.ts”导入“@popperjs/core”。文件是否存在?

像这样的关系:

在此处输入图像描述

任何人都可以帮我解决这个问题吗?

这里是源

希望您可以通过来源找到更多信息。

0 投票
1 回答
1268 浏览

jwt - 我应该在哪里刷新 SvelteKit 中的 JWT

我正在尝试在 SvelteKit 应用程序中实现 JWT 身份验证,但在代码中的何处我应该在站点重新加载时刷新我的 accesstoken 时遇到问题。根据我的发现,我应该将 JWT 存储在内存中,然后将刷新令牌存储为仅限 HTTP 的 cookie。当页面重新加载或在新选项卡中打开时,我需要调用我的后端来查看刷新令牌是否有效,如果有效,我将生成一个新的 JWT 并将其返回给客户端。

在哪里打这个电话是个好主意?我在想getSession-hook 会是一个好地方,但我不能fetch从那里使用。

0 投票
3 回答
720 浏览

couchdb - PouchDB 和 SvelteKit

我想将 PouchDB 与 SvelteKit 一起使用。我已将 pouchdb-7.2.1.js 复制到 SvelteKit 中的/src/libd 并将其重命名为 pouchdb.js。Pouchdb 应该在浏览器中运行。因此我使用 ssr=false 来抑制服务器端渲染。我在导入语句中收到第一个错误。这是我的第一个非常短的页面(couchdb.svelte):

我收到错误 500

我尝试了很多不同的版本,但都没有成功。例如:

使用 pouchdb 的正确方法是什么?