如何在 Glimmer 主题组件的 HTML 中使用来自 assets 的图片?

在这里的提示以及ask.discourse.com 机器人的一些帮助下,我设法让它运行起来了:

  • 这是在 discourse_theme 命令行工具生成的基础上做的相关提交
  • 这是我先前在顶帖中提到的不成功尝试与当前版本的差异

谢谢你,@NateDhaliwal

在此过程中我遇到的关键问题:

  • 在模板中,任意的 JavaScript 表达式(如函数调用)或过滤器表达式(形式为 some-transormation-function someVariableOrLiteral)在双花括号内都无效。只有单个变量可以被插值进去。
  • 对于两个资源之一,我忘记在 about.json 中对应的文件路径值中包含目录名 assets/。这会静默失败,导致相应的设置变为 undefined,我猜这使得整个模板被静默省略或发生了别的情况。
  • 在开发过程中有一次,通过 discourse_theme watch ... 同步的主题组件在预览或明确激活时都没有效果。让 discourse_theme watch ... 在实例上创建一个组件的新副本(并删除先前存在的副本)解决了这个问题。不确定当时具体发生了什么。