未找到Riot.js 标签

问题描述 投票:0回答:1

我对此一无所知。我过去曾使用过 Riot(尽管是几个月前)。据我所知,我正在遵循与过去相同的流程,甚至尝试从 Riot.js 示例中逐字复制,但始终看不到我的标签渲染并收到此错误

“未捕获错误:未找到“/Tags/sample.tag” 在 Function.Sr.error (riot%2Bcompiler.min.js:2) 在 XMLHttpRequest.Er.n.onreadystatechange (riot%2Bcompiler.min.js:2)"

我所拥有的非常简单(只是想弄清楚我缺少什么)。这是我的标签文件:

<sample>
    <h3>{ message }</h3>
    <ul>
        <li each={ techs }>{ name }</li>
    </ul>
    <script>
    this.message = 'Hello, Riot!'
    this.techs = [
      { name: 'HTML' },
      { name: 'JavaScript' },
      { name: 'CSS' }
    ]
    </script>
    <style>

        :scope {
            font-size: 2rem
        }

        h3 {
            color: #444
        }

        ul {
            color: #999
        }
    </style>
</sample>

这是我想要渲染它的页面:

@{
    ViewBag.Title = "Home Page";
}

<head>
    <title>Riot</title>
    <script src="https://rawgit.com/riot/riot/master/riot%2Bcompiler.min.js"></script>
</head>

<body>

    <h1>Riot Tags</h1>

    <sample></sample>

    <script type="riot/tag" src="~/Tags/sample.tag">
    </script>

    <script>riot.mount('sample')</script>

</body>

这只是一个例子。此时我已经尝试了无数的标签和页面渲染。谢谢您的帮助。

*注意:这是一个MVC项目

javascript components tags riot.js
1个回答
0
投票

一个问题是,如果您要通过链接地址访问防暴库/编译器,那么您需要将脚本放在正文中而不是头部中

我也不确定标记的文件路径中“~”的用例。所以我省略了它并为我呈现。希望这有帮助。

<!DOCTYPE html>
<html>

<head>
    <title>Riot</title>
</head>

<body>

    <h1>Riot Tags</h1>
    <script src="https://rawgit.com/riot/riot/master/riot%2Bcompiler.min.js"></script>

    <sample></sample>


    <script type="riot/tag" src="/tags/sample.tag"></script>

    <script>riot.mount('sample')</script>

</body>

</html>
© www.soinside.com 2019 - 2024. All rights reserved.