0

私はこれで途方に暮れています。過去にRiotを使用したことがあります（数か月前ですが）。私が知る限り、私は過去に行ったのと同じプロセスに従っており、Riot.js の例から逐語的にコピーしようとしても、継続的にタグのレンダリングが表示されず、このエラーが発生します。

"Uncaught Error: "/Tags/sample.tag" not found at Function.Sr.error (riot%2Bcompiler.min.js:2) at 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 プロジェクトです

4

1 に答える 1

0

問題の 1 つは、リンク アドレスを介して riot ライブラリ/コンパイラにアクセスする場合、スクリプトを head ではなく body に配置する必要があることです。

また、タグへのファイルパスの「〜」の使用例もわかりません。だから私はそれを省略し、私のためにレンダリングしました。お役に立てれば。

<!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>
于 2018-12-14T16:34:26.433 に答える