问题标签 [svelte-component]

我正在尝试创建我的第一个 Sapper 站点，并且我正在填充内容，类似于它在此处的模板中的完成方式。

我的问题是我想允许在{@html post.html}. 目前它不起作用，HTML只是插入那里而不被视为组件，即使我将组件导入其中[slug].html并且如果直接在除此之外的其他地方使用它也可以工作{@html post.html}。

这种行为是预期的，因为在 svelte 完成工作后会获取内容，但我不确定我应该怎么做。我希望有几个自定义组件<FancyButton>可以在用户生成的内容中使用。

我可以要求[slug].html组件在插入后查看post.html或仅查看整个内容并在应该在的任何位置创建子组件的实例吗？或者我应该以某种方式事先在服务器上编译字符串？

当我加载页面时，$greeting显示正确的值。

出于某种原因，当我更改input.

App.svelte

商店.js

我想问你一个关于将简单示例从版本 2 更新到版本 3 的问题。

这个 svelte v2 异步组件加载示例有效（https://codesandbox.io/s/0ooo3z8nqp），但为 v3 编写的这个示例无效（https://codesandbox.io/s/615zv3xp33）。

有什么线索吗？谢谢！

更新： 我的问题是将以下代码从 Svelte V2 转换为 V3。

我正在尝试为我构建的应用程序编写前端。刚刚了解了 Svelte，我认为这会让我有理由进一步探索该框架。我使用的 Svelte 样板利用汇总作为编译代码的一种方式。

当我尝试将“coinbase-pro”npm 包导入我的一个组件时，汇总在浏览器控制台中不断抛出错误，提示“coinbasePro 未定义”。

我现在花了无数错误来搜索谷歌并调整我的汇总配置，但无济于事。我添加了插件，更改了汇总全局变量和外部变量，以及您能想到的任何其他内容。

创建 bundle.js 文件时，它会尝试将“coinbasePro”引用传递给外部应用程序函数的参数。

回到我最初的问题，有没有办法将包导入 Svelte 组件？

更新全局和外部的汇总 JS 配置。将包导入到其他 JS 文件中。

我在浏览器中收到控制台引用错误，提示未定义 NPM 包。

我试图找出是否可以将每个 Svelte 组件作为单独的自定义元素（使用 Shadow DOM）导出到其自己的 js 文件中（包含任何子元素的导入 - 即依赖项不包含在同一个文件中）。甚至可能吗？

谢谢

我正在使用 Svelte 3 和使用 Shadow DOM 生成自定义元素的选项，但我不知道如何获取对包装器自定义元素 (HTMLElement) 的引用，以便我可以附加事件处理程序和操作属性。我有这样的事情：

“this”位不起作用（它们在普通的香草自定义元素中起作用）。是否有一些特定于 Svelte 的方法来获取对脚本中宿主元素的引用？

谢谢

我现在正在学习 Svelte，但我有一件事我无法理解。

我可以创建一个只包含扩展名为 .svelte 的文件的组件，而 loader 将完成所有其余部分（例如，用于 webpack 的 'svelte-loader'）。

但是，如果我想创建一个我（和任何人）将来可以导入的组件怎么办？如果我将 .svelte 文件放在 node_modules/mycomponent 中，如果我不对它的配置文件进行一些调整，webpack 将会崩溃（我的意思是删除行“排除：/node_modules/”）”。

有没有办法以不需要 svelte-loader 的方式编写组件？

谢谢。

我学习了 Svelte 教程并component bindings使用状态机重写了该部分中的键盘。那工作很可爱。

现在我想将Machine.svelte文件提取到一个npm包中，但我不知道该怎么做。我找不到任何有关发布的文档。对于我从svelte-virtual-list看到的内容，我可能必须配置 my 的mainorsvelte字段package.json：

这是一个正确的假设吗？package.json.files此外，我对 in theVirtualList.svelte不存在的事实感到困惑？你将如何发布一个苗条的组件？

编辑：最终要点正确导入MachineSvelte 组件

我正在尝试<select/>使用从基于 Promise 的函数获得的数据初始化输入。在输入初始化选项后（每个选项从解析的数据中获取值和标签），一个属性被绑定到<select/>.

但是每次我更改选项（使用属性绑定）时，{#await}块内的所有内容都会重新加载（似乎它解决了相同的 Promise 并重置了选项）。

当我删除绑定时，这不会发生。

我尝试了以下方法：

• 尝试将属性绑定到选择。

  /li>

• 尝试绑定从列表中获取所选选项的事件。

  /li>

• 尝试制作另一个按钮以获取所选选项。

  /li>

这是当前状态的片段：

等待块：

set_selected_device 函数：

我错过了什么重要的东西，还是一个错误？

我将如何做这样的事情：

即如何将样式应用到其父级的组件？