设置存储值的 Svelte 用户注册问题
你好:) 我正在尝试注册一个用户，成功后，将上下文设置为新注册的用户，然后导航到主页.服务器正确响应并注册用户，但是当调用 setContext 时，我收到以下错误:“index.mjs:552 Uncaught (in promise) Error: Function called external component initialization" 从“svelte"导入 { set
..
svelte相关内容
发出真正“原始"的声音细长的 html
我从无头 CMS 接收原始 html 片段，我需要在 Sapper 应用程序中按原样呈现这些片段. 这也包括我收到一个开始标记和相应的结束标记作为两段 HTML 的情况，我在这两个 HTML 段之间添加了一个 Svelte 组件. 从 './MyComponent.svelte' 导入 MyComponent//来自无头 CMS 的示例片段const 前缀 = '
..
如何在单个文件中拥有多个服务器(工兵)获取、发布等路由?
我正在使用 sapper 服务器路由，这适用于单独的 .js 文件，这些文件将使用文件名作为路由和导出函数 post(req,res,next) 处理单个 get、post 等. 我想在单个文件中使用我自己的服务器路由，例如 Express 和多个处理程序，例如... app.post('/api/abc', req,res,next) app.post('/api/def',
..
如何区分 Svelte 开发模式和构建模式?
dev模式使用npm run dev，release模式使用npm build 我怎么知道它当前是建立在开发模式还是不在代码中，例如: 从 'svelte' 导入 {onMount}；onMount(功能(){if(DEVMODE) {//-->什么是正确的?console.log('这是 x.svelte');}}) 解决方案 不确定正确的方法.我分享了我在我的项目中所做的事情.
..
Svelte 条件元素类报告为语法错误
我正在根据 if 块的 Svelte 指南制作一个 if 块.看起来很简单，但 Svelte 认为这是一个语法错误: [!] (svelte plugin) ParseError: Unexpected character '#'公共\js\templates\works.html3:
4:{#each 作为工作，索引}5:
..
如何在 svelte 3 中强制渲染?
我有一个带有输入字段的表单.当我键入 (keyup) Enter 键时，必须清除这些字段之一.我知道我可以将此字段作为受控字段处理(意味着侦听 keyup 并维护该字段的副本)，或者使用双向绑定，但在我的用例中我不能这样做后者，我宁愿不做前者.因此，我的问题是，如何强制渲染 Svelte 组件? 通常情况下，表单显示为 ，用户修改字段并单击 Enter 键，我会就像 app.set(fiel
..
在 svelte 文件中导出打字稿类型
我想导出我在其中一个文件中定义的类型并将其导入到另一个文件中. export type myNewType = {name: string}; 当我添加 export 时，linter 显示以下错误: 修饰符不能出现在这里. 我可以通过创建一个新的 ts 文件并从中导入类型来使其工作.我只想知道是否有办法在 svelte 文件中定义类型. 更新: 我使用 sapper
..
config.kit.adapter 应该是一个带有“adapt"的对象.方法
我想在我的 Svelte Kit 应用程序中使用 @sveltejs/adapter-static(想把它变成一个 SPA).我使用 npm i @sveltejs/adapter-static 安装了静态适配器. svelte.config.cjs 中的代码是这样的 套件:{//默认情况下，`npm run build` 将创建一个标准的 Node 应用程序.//您可以通过以下方式为不同
..
如何在 Sapper 中创建带有可选参数的路由?
假设我有一个 /foo 路由.但有时人们会使用语言参数来访问 /foo:/fr/foo.有时他们可能会用一种语言和一个国家来打击它:/ca/fr/foo 所以我需要一个像 这样的路由表 [国家]/[语言]/foo[语言]/foo/foo 所有这些都直接指向同一页面. 我应该创建这样一棵树吗? src/路由└── [国家]└── [语言]└── foo.svelte 如果这是答
..
找不到模块“./App.svelte"或其相应的类型声明
我有一个将 Electron 与 svelte 以及打字稿支持集成在一起的设置. 当我运行 rollup 脚本来编译 svelte 应用程序时，我得到了无法找到模块 ./App.svelte 错误，如下所示. 插件打字稿:@rollup/plugin-typescript TS2307:找不到模块“./App.svelte"或其相应的类型声明. 这是我的 package.json 配置:
..
如何触发/强制更新 Svelte 组件
我正在努力了解 svelte 3 反应性的东西... 我想在单击按钮时强制刷新 UI.我正在使用一个自定义组件 AsyncFetcher，它接受 HTTP 发布数据，并为其插槽返回 data 对象(http 发布结果). 我想要禁用功能.因此，当单击“禁用"按钮时，将调用 http api，然后刷新数据视图. 导出让 ID函数 onDisable() {fetch('disabl
..
如何专注于 Svelte 中新增的输入?
我使用 #each 来显示 tasks 数组的每个成员的输入.当我单击“添加任务"按钮时，一个新元素被插入到数组中，因此 #each 循环中会出现一个新输入. 如何聚焦在单击“添加任务"按钮时添加的输入? 让任务 = [];函数添加任务(){任务 = [...任务，{ 标题:“"}];}{#每个任务作为任务}
..
苗条标签属性的条件
如何内联添加属性，而不需要复制锚标签?https://svelte.dev/repl/a4e072ca670b481cb5d0360d01d07f27?version=3.12.1"> {#每个菜单作为项目}{item.title} {/每个} 我在以下情况下编译组件时出错: {item.prefetch ?'rel=prefetch' : ''} 下一个代码有效，但不
..
使用附加的 svelte 组件并在相同的 Javascript 上下文中创建窗口
我使用 Sapper 框架，我想打开我自己的开发工具窗口，该窗口应该可以完全访问主窗口的 Javascript 对象. 我正在尝试创建一个带有 svelte 组件和相同 Javascript 上下文的新窗口: var win = window.open('abour:blank')var container = win.document.createElement('div')var wi
..
Sapper/Svelte 可以有条件地导入组件吗?
在 Sapper 中，我仅在客户端呈现时才尝试导入组件(使用 onMount).有没有类似于 React Suspense 和 React.lazy 的东西?或者还有其他方法吗? 解决方案 你当然可以那样做，是的: 从'svelte'导入{onMount}；让东西;onMount(async () => {Thing = (await import('./Thing.svelte')).
..
当一个属性在 svelte 中发生变化时如何做某事
使用 svelte 创建 web 组件，当组件的属性发生更改时，我需要运行一些代码. 我想出的是以下模式. export let test = "默认值";$:{testIsChanged(测试)；}函数 testIsChanged(newValue) {控制台日志(新值)；}test 的值为 {test} 这是这样做的方式吗?或者我错过了什么? 解决方案 这确实有效，正如你所看
..
@urql/svelte，“调用外部组件初始化的函数"；如果不在 onMount
我正在尝试 https://github.com/FormidableLabs/urql/tree/master/packages/svelte-urql 伙计们. 一切正常，直到今天发行. 我正在使用下面的代码，它给了我这个错误: 错误:函数调用外部组件初始化在 get_current_component (index.mjs:615)在 getContext (index.mjs
..
从 Svelte 组件导出单独的自定义元素
我试图找出是否可以将每个 Svelte 组件作为单独的自定义元素(带有 Shadow DOM)导出到它自己的 js 文件中(带有任何子元素的导入 - 即依赖项不包含在同一个文件中)文件).甚至有可能吗? 谢谢 解决方案 我假设你正在使用 rollup 和 rollup-plugin-svelte 这样做的方法是使用代码拆分.您可以单独定义输入，这将创建单独的输出.您可以使用输出
..
在 Svelte 中实现门户
..
Svelte:使用调度程序转发事件与传入处理函数，哪个是最佳实践?
假设一个外部组件包含一个内部组件，我们希望将来自内部组件的事件传播到外部组件.在不使用商店的情况下，有两种方法可以做到这一点: 方法一:使用dispatcher进行事件转发 Inner.svelte:使用 Svelte 的调度器来调度原始事件的重新打包版本: const dispatcher = createEventDispatcher();函数 callDispatcher(e)
..