问题标签 [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 - 这个 vite 错误是什么意思?SyntaxError:Object.pp$4.raise 处的意外令牌 (6:180)
我正在将我的 Sapper 应用程序升级到 SvelteKit。我可以很好地运行 npm run dev,它会在 localhost:3000 上启动我的应用程序。当我浏览到该 URL 时,我收到以下错误:
我无法弄清楚这个错误的提出点。谁能推荐一个地方看看?
我的 svelte.config.cjs 是
我的 package.json 包括以下内容
svelte - SvelteKit 预渲染似乎不起作用
这是我的 index.svelte
我正在预渲染这个页面,在构建之后,我得到了预渲染的 HTML 文件(在预渲染目录中),prerendering
里面的 h1 设置为 true。当我node build
在浏览器中使用和禁用 JS 为应用程序提供服务时,我得到Hello world! prerendering : false
. 很明显,服务器没有提供预呈现的页面。我adapter-node
在构建期间使用。
任何想法为什么会发生这种情况?谢谢你。
javascript - 无法解析从“src/routes/$layout.svelte”导入“@urql/exchange-graphcache”。文件是否存在?
我有一个我一直在处理的 sveltekit 项目,并在不久前使用 @urql/exchange-graphcache 配置了图形缓存。但是我刚刚安装了一个新的依赖项(dayjs,虽然我认为它无关紧要),现在它抛出了错误:
当我在安装 dayjs 之前回滚并安装新的 yarn 时,我得到了同样的错误。我尝试浏览graphcache 错误页面,但没有找到任何帮助。任何人都可以帮助解决可能的错误吗?
如果有帮助,这些是我的依赖项
apollo - 如何在 SvelteKit 中初始化 ApolloClient 以同时在 SSR 和客户端上工作
我试过但没有用。出现错误:评估 SSR 模块 /node_modules/cross-fetch/dist/browser-ponyfill.js 时出错:
svelte - svelte kit 中没有加载功能的访问参数
在 SvelteKit 中,我想在不使用 SSR 加载功能的情况下访问 page.params,因为我只想进行客户端渲染。有没有办法在没有 SSR 加载功能的情况下访问 page.params?
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(简化):
控制台显示:
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
我怎样才能解决这个问题?
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”。文件是否存在?
像这样的关系:
任何人都可以帮我解决这个问题吗?
希望您可以通过来源找到更多信息。
jwt - 我应该在哪里刷新 SvelteKit 中的 JWT
我正在尝试在 SvelteKit 应用程序中实现 JWT 身份验证,但在代码中的何处我应该在站点重新加载时刷新我的 accesstoken 时遇到问题。根据我的发现,我应该将 JWT 存储在内存中,然后将刷新令牌存储为仅限 HTTP 的 cookie。当页面重新加载或在新选项卡中打开时,我需要调用我的后端来查看刷新令牌是否有效,如果有效,我将生成一个新的 JWT 并将其返回给客户端。
在哪里打这个电话是个好主意?我在想getSession
-hook 会是一个好地方,但我不能fetch
从那里使用。
couchdb - PouchDB 和 SvelteKit
我想将 PouchDB 与 SvelteKit 一起使用。我已将 pouchdb-7.2.1.js 复制到 SvelteKit 中的/src/lib
d 并将其重命名为 pouchdb.js。Pouchdb 应该在浏览器中运行。因此我使用 ssr=false 来抑制服务器端渲染。我在导入语句中收到第一个错误。这是我的第一个非常短的页面(couchdb.svelte):
我收到错误 500
我尝试了很多不同的版本,但都没有成功。例如:
使用 pouchdb 的正确方法是什么?