我对这件事不知所措。我过去曾使用过Riot (尽管几个月前)。据我所知,我遵循的是与过去相同的过程,甚至试图逐字复制Riot.js示例中的标记,并且不断地看不到我的标记呈现和接收此错误。
“未明错误:"/Tags/sample.tag”未在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项目
发布于 2018-12-14 16:34:26
一个问题是,如果要通过链接地址访问防暴库/编译器,则需要将脚本放在正文中,而不是放在头上。
此外,我也不确定标记的文件路径中的"~“的用例。所以我省略了它,并呈现给我。希望这能有所帮助。
<!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>https://stackoverflow.com/questions/52029511
复制相似问题