我有一些数据点，应该在卡片网格中显示。 每当我对其中一张卡进行 hover 时，我都会更新一个 svelte store 中的值。 该值应在其他地方使用（它是悬停数据点的 ID）。 我遇到的问题是：虽然商店中的价值更新似乎有效，但我无法在多个地方访问商店中的数据。 这是一个具有观察到的行为的工作 R ...

我正在编写一些代码，在其中我在onMount中fetch一些项目然后渲染它们。 我不想为fetch ed 项目播放大量过渡。 但是，我确实想在列表中添加或删除单个项目时播放过渡。 这是与这个问题类似的情况。 如果我这样写，那么我就会得到我想要的过渡行为。 但是，在each块内，我需要以 2 种方式 ...

我正在尝试编写一个具有源字符串属性的组件。 然后，用户可以设置源代码，我的组件会编译并呈现源代码。 SPA和SSR都应该支持编译和渲染。 这是我的组件在App.svelte中的用法： 和Preview.svelte ： 如何将编译结果绑定到组件？ 我在想这样的事情： 我尝试了REPL ，但它有错误 ...

我正在尝试从字符串变量中设置的路径导入 Svelte 组件。 当我直接使用导入组件时，它正在工作： 但是，当我尝试使用组件路径定义变量并将其导入时，它不会： 无论如何，我可以导入具有可变源路径的组件吗？ 这是REPL ...

我创建了一个由 svelte store 控制的模式。 第一次更新后，它关闭速度非常快，不考虑 4000 毫秒。 我做错了什么？ 有没有更好的方法来制作通知模式？ ...

我想将现有商店的值重置为默认值。 出于用户体验原因，我不想创建新商店。const defaults = { name: { value: "", }, foo: [], some: { other: { data: "" } } }; cons ...

我在组件中使用以下代码： Box.svelte：<script lang="ts"> type T = $$Generic; export let loading = false; export let error = false; export l ...

我有一家商店，其中包含许多用于提交表单的属性：const store = writable({ network: { content: "", error: "" }, name: { content: "", ...

在我的组件/页面中很多时候我需要使用这种模式：{#if player.name} {player.name} {:else} None {/if} 所以我创建了一个名为MaybeNone的新组件：<script lang="ts"> export let condit ...

我有一个苗条的应用程序点击按钮“显示”将显示变量设置为 true，显示输入文本框和保存按钮。 单击“保存”按钮调用 function 将显示变量设置为 false 测试显示单击 Show 也会触发 on:click of Save。 Google 告诉我添加 stopPropagation 来解决 ...

我的 leaflet map（带标记簇）在 svelte 中组装，左上角显示了幽灵标记。 当标记通过缩放“未聚集”时，它们就会消失。 我需要摆脱幽灵标记这是该行为的截屏视频： https://screencast-o-matic.com/watch/c0VQIhVwYJb 更清楚会发生什么，如果我在 ...

在最新的 sveltekit 上，我试图参考我的关于页面但没有成功。 尝试过 哪条线是正确的？ ...

问题： 我想在我的 Svelte 组件之一中为 TailwindCSS 使用插件 (daisyUI)。 看起来样式信息从该组件泄漏并影响了整个站点。 我怎样才能避免这种情况？ 我认为这与 daisyUI 无关。 下面我描述了一个基于 sveltekit 的最小可重现示例。 但问题与 svelteki ...

在父组件和子组件之间进行协商的最佳实践是使用context 。 例如， 这里是Tabs和Tab组件的实现： TabPanel将通过点击相关的Tab可见。 如果我们使用嵌套的Tabs ，更高级别的上下文值将Tabs覆盖（上下文键是相同的）。 并且，要访问上下文： 在此REPL中，如果您单击第一个根选项 ...

我正在开发一个基于 Bootstrap 的组件库，我正在开发一个Base组件，其中大多数 Bootstrap 的类都被定义为属性。 这意味着一些属性被映射到 Bootstrap 的 CSS 类。 例如下面的代码：<Base container="lg" mb="2" p="3">...& ...

我想用 svelte 框架编写这段代码 或者如果有另一种方式来写时间如图在此处输入图像描述找了很久也没找到解决办法 ...

我正在使用 Svelte 开发自定义 UI 组件库，每个组件至少有一个 CSS class 与组件标签名称同名。 另外，我有一个基本组件，所有其他组件都在使用它。 这是简化的代码： Base.svelte Foo.svelte Bar.svelte App.svelte 在上面的代码中，我 ...

我正在尝试使用默认配置在数字海洋上部署一个 svelte 应用程序，我只更改了运行命令和端口，我不断收到：部署错误：健康检查 ...

上下文：我想在一个简单的示例中试用框架 Svelte.js。 使用以下方法从头开始创建 Svelte 应用程序时： 构建后我找不到./public文件夹。 （构建操作使用命令： npm run build ） 相反，构建命令似乎将生成的 javaScript 文件放在隐藏文件夹中： 但是，我没有在 ...

我正在为我的应用程序使用 svelte 和 rollup。 在存档之前，我使用了来自https://github.com/sveltejs/template的官方 Svelte 模板。 这个回购使用 每次代码更改时都会重新定位整个页面。 我希望我的代码无需每次更改都重新加载即可运行。 每次代码更改 ...