Reactjs:意外的标记'<'错误

Question

我刚刚开始使用Reactjs并且正在编写一个简单的组件来显示
li标签并遇到了这个错误:

意外的标记'<'

我把例子放在jsbin下面 http://jsbin.com/UWOquRA/1/edit?html,js,console,output

请让我知道我做错了什么.

Answer 1

我用type ="text/babel"解决了它

<script src="js/reactjs/main.js" type = "text/babel"></script>

Answer 2

更新:在React 0.12+中,不再需要JSX编译指示.

确保在文件顶部包含JSX编译指示:

/** @jsx React.DOM */

如果没有这一行,jsx二进制和浏览器内变换器将保持文件不变.

Answer 3

问题Unexpected token'<'是因为缺少babel预设.

解决方案:您必须按如下方式配置webpack配置

          {
            test   :/\.jsx?$/,
            exclude:/(node_modules|bower_components)/,
            loader :'babel',
            query  :{
                presets:['react','es2015']
            }
        }

这里.jsx检查.js和.jsx格式.

您可以使用节点简单地安装babel依赖项,如下所示

npm install babel-preset-react

谢谢

Answer 4

在我的情况下,我没有在我的脚本标签上包含type属性.

<script type="text/jsx">

Answer 5

我有这个错误，两天都无法解决。所以错误的修复非常简单。在 body 中，你连接你的script，添加type="text/jsx"，这将解决问题。

Answer 6

您需要将JSX代码转换/编译为javascript或使用浏览器内转换器

请查看http://facebook.github.io/react/docs/getting-started.html并注意<script>标记,您需要将JSX中包含的标记用于浏览器.