logo标签列表

ReactJS：未捕获的语法错误：意外的标记（

javascripthtmlsyntax-errorreactjs
3

由于某些原因，我得到了未捕获的语法错误：意外的标记 (。无论代码有多简单，我都会遇到这个错误。虽然有类似的问题，但没有一个解决这个问题。

var Example = React.createClass({
  render: function() {
    return ( 
      <div>
        <h1> Hello </h1>
      </div>
    );
  }
});

ReactDOM.render( <Example/> , document.getElementById('example'));
<!DOCTYPE html>
<html>

<head>
  <script src="https://fb.me/react-0.14.2.js"></script>
  <script src="https://fb.me/react-dom-0.14.2.js"></script>
</head>

<body>
  <div id="example"></div>
</body>

</html>

你的示例适用于React环境：工作演示。 - Amadan
2
额外的空格是什么意思？ - epascarello
第1行不是 render: function()，可能是你的字符集有些奇怪了.. 你能把整个代码展示一下吗？ - webdeb
这不是最佳实践 < h1 > Hello < /h1>，请移除标签名称之间的额外空格 <h1> Hello </h1>。 - TIJ
@TIJ 我知道这不是最佳实践，但 Stack Overflow 编辑器添加了空格。@webdeb Atom 正在将我的 jsx 文件编译为 js。在 js 文件中，render: function() 是第一行，它以奇怪的语法进行编译。我通过从 Atom 中删除 jsx 编译器包来解决了这个问题。 - corasan
显示剩余3条评论
1个回答
2
2
我找到了问题所在。我有一个Atom软件包，将我的jsx文件编译为js文件。感谢您的帮助。 - corasan
1
那是哪个包？ - malexanders
@corasan，它已不再可用。 - 0x12
@Kalanamith 什么不再可用了？ - corasan
@corasan，你在答案中提供的链接，请更新。 - 0x12
不是我发布的。 - corasan
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接