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

Я в недоумении по этому поводу. Я использовал 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.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
183
1

Ответы 1

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

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

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

Другие вопросы по теме