Я в недоумении по этому поводу. Я использовал 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.
Одна из проблем заключается в том, что если вы собираетесь получить доступ к библиотеке / компилятору 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>