问题标签 [svelte-3]

经过一整天的谷歌兔子洞之后，我仍然想知道 google/bing/etc 是否能够抓取纤细的应用程序。我想将我的个人投资组合转换为 svelte，这将是一个 SPA。如果我在 svelte SPA 上为标题数据添加标签，谷歌会选择它，还是我需要 ssr 才能让谷歌看到呈现的页面？

我正在为我的苗条应用程序使用汇总。我将包rollup-plugin-serve从 npm 安装给我们，historyApiFallback这样我就可以在我的 spa 应用程序中提供任何 url。

https://github.com/thgh/rollup-plugin-serve

我的配置如下所示：

这是我的完整rollup.config.js

但是这段代码不起作用。当我发球时，localhost:5000/solutions/technic我仍然收到 404 Not Found 错误。

有什么想法吗？

我试图通过创建可重用的输入字段来压缩我的代码。所以我声明了一个对象数组来循环并创建字段。乍一看，这很好用。我的问题是变量 videoSearch 始终未定义。该函数被调用，但不是我输入的值。有没有我没有看到的绑定方面？这是我的代码：

编辑

我为它创建了一个REPL。

我正在构建一个自动完成文本字段组件。我们将显示根据用户类型过滤的项目的弹出窗口。它将是异步的，我将从服务器获取详细信息并根据字段中键入的文本进行一些过滤。

所以在这里，每当我向组件发送新数据时，我都会运行这个过滤逻辑。

我来自 Angular，我们曾经有 ngOnChange()。svelte3 中是否有类似的东西可用。

现在，我通过绑定 bind:this 从外部调用该方法进行过滤。我不觉得这是一个正确的方法。

https://github.com/manojp1988/svelte3-autocomplete/blob/master/dev/App.svelte

我正在尝试使用 jest-transform-svelte 库为我的 svelte 组件编写单元测试用例。以下是组件：

XYZ.svelte

XYZ.test.js

当 button.click 发生在测试用例上时，调用会触发 XYZ.svelte 中的提交函数，但是，

document.getElementById("name")

以 null 的形式出现，因为出现空指针异常错误。

知道我做错了什么吗？

假设我有一个非常简单的组件，称为Simple.svelte：

现在在一个更复杂的组件中，我想使用一个<svelte:component />标签，以便在我的应用程序中概括一个模式（比如，Complex.svelte）：

在这个简单的情况下，我想绑定到Simple的value道具，有什么办法可以做到吗？

在 Svelte 3.12.1 上，当事件处理程序onFilesChange被触发时，它会意外触发onFileClick。

但是，如果我稍微更改为使用箭头函数，那么它会按预期工作。为什么会发生这种情况，在 Svelte 3 中处理 DOM 事件的正确方法是什么？

在我的本地机器上复制了svelte 模板后，我需要npm install将文件夹创建到public与src默认位置不同的位置。具体来说，如果我npm install从我的文件/projects/sveltetemplate夹中运行，我希望在. 我可能还需要为文件夹使用不同的名称。publicsrc/projects/appdevpublic

我怎样才能做到这一点？

你好 Sveltermeisters，

问题：我正在尝试在同一页面上初始化 App 的两个实例。App 在 main.js 文件中作为页面上的全局变量公开，如下所示：

然后在一个 html 页面中初始化两个应用实例

奇怪的是：第二个 app 的 props 会覆盖第一个 app 的 props，并且每个 app 的状态始终保持同步，无论打开哪个 app。

我的断言：由于道具被倾倒到商店中，第二个实例将覆盖第一个实例。由于每个应用程序都引用同一组商店，因此它们的数据始终保持同步。

这是真的？如果是这样，我该如何设计我的商店以使他们的数据保持独立？

昨天我试图将我必须在 React 中解决的问题翻译成 Svelte，但我无法弄清楚。

问题如下：

• 我有 3 个输入，每个输入都有一个百分比。
• 三个百分比加起来不能超过 100。
• 我有第四个输入，它被禁用了，所以它只显示剩余百分比为 100%

在反应中相当容易，声明一个函数，事件和一个变量来知道我从哪个输入中获取事件。进行适当的验证并完成。

可悲的是，在苗条的我几乎没有经验，我不知道如何解决它。这是到目前为止的代码（剧透警告它甚至没有接近做应该做的事情）。 苗条的 REPL

运行 console.log 以显示 sp1 的值，在验证它的函数内部和函数外部（函数之前和之后）显示我所期望的：

• 函数前（before）：输入中的值
• 函数内部：值已验证
• 函数外（之后）：值已验证

所以正确值的验证和分配发生了，但是输入仍然显示错误的值（例如：输入显示 112，值应该是 100）。