问

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

卢嘉怡i 发布于 2023-02-06 18:35

react

http

html

console

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

意外的标记'<'

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

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

5 个回答

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

确保在文件顶部包含JSX编译指示:
```
/** @jsx React.DOM */
```
如果没有这一行,jsx二进制和浏览器内变换器将保持文件不变.
2023-02-06 18:36 回答

jny2272191
在我的情况下,我没有在我的脚本标签上包含type属性.
```
<script type="text/jsx">
```
2023-02-06 18:36 回答

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

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

2023-02-06 18:36 回答

型尚体验公馆_760
我用type ="text/babel"解决了它
```
<script src="js/reactjs/main.js" type = "text/babel"></script>
```
2023-02-06 18:37 回答

蛋狗酱_972

问题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

谢谢

2023-02-06 18:37 回答

甄之恋

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签