我刚开始使用 Reactjs，正在编写一个简单的组件来显示
li标签，但遇到了这个错误：
意外标记“<”
我把例子放在 jsbin 下面 http://jsbin.com/UWOquRA/1/edit?html,js,console,output
请让我知道我做错了什么。
Reactjs：意外的标记“<”错误
IT技术
reactjs
2021-04-19 03:22:30
6个回答
我使用type = "text/babel"解决了它
<script src="js/reactjs/main.js" type = "text/babel"></script>
更新：在 React 0.12+ 中，不再需要 JSX pragma。
确保在文件顶部包含 JSX 编译指示：
/** @jsx React.DOM */
如果没有这一行，jsx二进制和浏览器内转换器将使您的文件保持不变。
问题Unexpected token '<'是因为缺少 babel 预设。
解决方案：您必须按如下方式配置您的 webpack 配置
{
test : /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader : 'babel',
query : {
presets:[ 'react', 'es2015' ]
}
}
这里 .jsx 检查 .js 和 .jsx 格式。
您可以简单地使用 node 安装 babel 依赖项，如下所示
npm install babel-preset-react
谢谢
就我而言，我未能在脚本标签中包含 type 属性。
<script type="text/jsx">
我有这个错误，两天都无法解决。所以错误的修复很简单。在 body 中，你连接你的script，添加type="text/jsx"，这将解决问题。