Question

这里的简单问题但遗憾的是无法解决。正如标题中所提到的，我无法让Riot显示其自定义标签的内容。

<!DOCTYPE html>
<html>
<head></head>
<body>
    <hello></hello>
    <script type="text/javascript" src="node_modules/riot/riot.min.js"></script>
    <script type="text/javascript"> riot.mount('*'); </script>

    <script type="text/javascript" src="bower_components/lodash/lodash.min.js"></script>
    <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="bower_components/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="js/init.js"></script>
    <script type="text/javascript" src="js/config.js"></script>
    <script type="text/javascript" src="js/util.js"></script>
    <script type="text/javascript" src="js/hello.js"></script>
</body>

hello.js是生成的js，这是它的代码：

riot.tag('hello', '<div> asdasd </div>', function(opts) {
});

这是HTML：

<hello>
    <div>
        asdasd
    </div>
    <script>
    </script>
</hello>

Answer 1

在声明之前无法装入标签。

您需要按此顺序执行：

包括骚乱：

<script type="text/javascript" src="node_modules/riot/riot.min.js"></script>

声明你的标签：

<script type="text/javascript" src="js/init.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/hello.js"></script>

挂载您声明的标签：

<script type="text/javascript"> riot.mount('*'); </script>

Answer 2

Woops。报废。将hello.js移到了riot.min.js的下面，它运行起来了。显然将它置于山顶上方是至关重要的。

Riot.mount（*）没有任何影响

2 个答案: