问题标签 [svelte]

我有一个组件 ( IconInline.html)，我想在其中根据IconID传递给它的 prop () 动态导入和渲染组件。

目前我是这样手动完成的：

有没有办法

1. 动态导入给定目录中的所有组件？
2. 渲染与给定道具匹配的特定组件？

An instance of an imported library (ScrollMagic) in the script tag of one page in Sapper, the instance keeps existing when navigating to other pages.

I tried destroying it within ondestroy, but I can't reference the variable referencing the instance (created wihtin oncreate).

How can I either scope the script tag to individual pages, or destroy the instance when leaving the page?

我查看了[<svelte:component>]( here ) 的文档，但看起来我必须import在编译时查看所有可能的模板。

在 Svelte 中是否可以从fetch()基于用户操作的调用中加载任意数量的任意模板？然后将数据注入其中？

<slot>如果我打算在初始加载后更新它，那么使用这样的东西效率会低吗？

按照以下用法： https ://github.com/sveltejs/svelte-scroller

我得到错误

我需要做一个额外的 webpack 配置步骤来让 svelte-scroller 在 Sapper 中工作吗？

* 更新 * 如果它对其他人有帮助，这里是我更新的 webpack 配置文件。它们在下面被复制。我对 webpack 还很陌生，所以我非常感谢 Rich 提供的帮助，希望这可以帮助其他人免去心痛。

客户端.config.js

server.config.js：

在 Angular 2+（例如）中，我可以使用此语法有条件地禁用字段：

在 Svelte 中，我尝试执行以下操作，但它不起作用：

我该怎么做？

我正在尝试重写我用 pugjs 制作的应用程序并用 sveltejs 表达。我真的很喜欢用 pugjs 编写 html。我想知道是否无论如何我可以在苗条的组件中使用 pugjs。我假设我可能需要使用svelte-loader并进行一些预处理，或者这是否可能？我正在使用Sapper在 svelte 中重写我的应用程序。谁能帮助我如何在 Sapper 中做到这一点？

在对 Nuxt 和 Sapper 进行了一些比较测试之后，我正在考虑在生产中使用 Sapper 来开发一个新项目，但是我需要解决一个问题。该站点具有分层页面结构，类别和子类别最多可分为 4 级。但是，深度会有所不同。所以这给了我这样的路线：

如何避免为每个可能的级别复制我的页面模板？在 Nuxt 中，我会使用路由器而不是pagesdir，但在 Sapper 中，这（还）不可能吗？

正如标题所示，我正在尝试将方法从父组件传递给子组件。

例如，

应用程序.html

TodoItem.html

所需的功能是 TodoItem 使用其数据调用父级的方法。

此示例中断，控制台记录TypeError: this.options.data.toggle is not a function.

我在 Svelte 中创建和更新组件列表时遇到问题。我有一个 TodoItems 列表，即：

应用程序.html

TodoItem.html

更新列表时会出错Cannot read property 'i' of null（chrome）或TypeError: each_blocks[i] is null（firefox）。

这是一个REPL 示例。

我正在使用Svelte (v2.7) 和Sapper (v0.12)。根据docs，this.refs应该是可用的，但它对undefined我来说，无论是 inoncreate还是 custom 方法。

我的 index.html 看起来像这样：

（完整代码在这里）。

我假设这不是一个错误（否则每个人都会遇到它？）而且我有问题，因为这是我第一次使用它。