javascript - 为什么只有一个 Riot.js 标签呈现？

Question

我有一个相对简单的页面，它从 CDN 加载 Riot.js，从本地脚本文件加载 RiotControl，Store来自文件的 RiotControl，以及两个自定义标签 custom-a和 custom-b .

    <div class="ui text container" id="context">
        <form class="ui form">
            <h1>A Descriptive and Lovely Header</h1>

            <div class="ui divider"></div>

            <custom-a/>

            <p>this is just a paragraph</p>
            <custom-b/>
        </form>
    </div>

    <!-- Riot.js Ceremony -->
    <script>
        RiotControl.addStore(new Store());
        riot.mount('*');
    </script>

正在安装标签 -- console.log两个标记文件中的行显示 -- 并且事件被正确路由(再次通过 console.log 证明)。但是，在第一个自定义标记呈现后没有任何内容:custom-a如果它在顶部就会出现，并且 custom-b如果它在顶部，则会显示，但 <p>它们之间不会呈现，而另一个不会呈现(如果它在那里)。

我认为这可能是 CSS 的问题，所以我从页面中删除了语义 UI 链接，但这除了样式之外没有任何区别。

有什么想法吗？

Answer 1

这不是 Riot 问题，而是浏览器呈现自关闭标签的方式。检查这个 fiddle https://jsfiddle.net/9uezdbo9/1/

之前

<div>Element before</div>
<self-close/>
<div>Element after</div>

渲染

<div>Element before</div>
<self-close>
  <div>Element after</div>
</self-close>

引用:https://github.com/riot/riot/issues/1111检查 GianlucaGuarini 的回答