Riot.js теги не найдены - PullRequest
Новая
       30

Riot.js теги не найдены

0 голосов
/ 26 августа 2018

Я в растерянности по этому поводу.Я использовал Riot в прошлом (хотя и несколько месяцев назад).Насколько я могу судить, я следую тому же процессу, что и в прошлом, и даже пытаюсь дословно скопировать из примеров Riot.js и постоянно не вижу рендеринг моих тегов и не получаю эту ошибку

«Uncaught Error:« /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

1 Ответ

0 голосов
/ 14 декабря 2018

Одна проблема заключается в том, что если вы собираетесь получить доступ к библиотеке / компилятору ROT через адрес ссылки, то вам нужно поместить скрипт в теле, а не в голове.

также я не уверен в случае использованиядля "~" в пути к файлу вашего тега.Так что я опустил его, и он вынес для меня.Надеюсь, это поможет. 

<!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>
...