未定义的ReferenceError:没有定义摊牌，ReactJS.NET
未定义的ReferenceError:没有定义摊牌，ReactJS.NET
提问于 2015-12-05 04:47:36
问题：，我是使用本教程来了解React.js。我已经将showdown.js文件正确地添加到项目中，并证明了它是作为脚本文件加载到客户端浏览器中的。当页面加载并查看控制台时，它会显示标题中列出的错误。
环境： MVC 4/5，Reactjs.NET
JSX文件如下所示：
var Comment = React.createClass({
render: function() {
var converter = new Showdown.converter(); <-- Error is here
return (
<div className="comment">
<h2 className="commentAuthor">
{this.props.author}
</h2>
{converter.makeHtml(this.props.children.toString())}
</div>
);
}
});
var CommentList = React.createClass({
render: function () {
return (
<div className="commentList">
<Comment author="Daniel Lo Nigro">Hello ReactJS.NET World!</Comment>
<Comment author="Pete Hunt">This is one comment</Comment>
<Comment author="Jordan Walke">This is *another* comment</Comment>
</div>
);
}
});
var CommentForm = React.createClass({
render: function () {
return (
<div className="commentForm">
Hello, world! I am a CommentForm.
</div>
);
}
});
var CommentBox = React.createClass({
render: function () {
return (
<div className="commentBox">
<h1>Comments</h1>
<CommentList />
<CommentForm />
</div>
);
}
});
ReactDOM.render(
<CommentBox />,
document.getElementById('content')
);证明showdown.js文件被发送到client Chrome浏览器：
证明JSX文件中语法是正确的
抛出异常的代码行是：
var converter = new Showdown.converter();
问题如何获得Showdown.convertor的新实例？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-12-25 22:01:25
简上面的建议是对的。这就是解决问题的原因：
<body>
<div id="content"></div>
<script src="https://fb.me/react-0.14.0.min.js"></script>
<script src="https://fb.me/react-dom-0.14.0.min.js"></script>
<script src="@Url.Content(" ~/Scripts/showdown.min.js ")"></script>
<script src="@Url.Content(" ~/Scripts/Tutorial.jsx ")"></script>
</body>请注意，showdown.js必须位于jsx文件之前。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34101396
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号