React报Parsing error: unexpected token, expected "," 页面不显示如何解决
问题根因
你遇到的解析错误和页面无法加载问题,均由入口文件中ReactDOM.render方法的传参语法错误导致,具体存在两处语法问题:
<App/>结尾多余的逗号破坏了<BrowserRouter>组件的JSX结构完整性,组件包裹内部的子元素不需要添加逗号- 闭合标签
</BrowserRouter>和第二个入参document.getElementById('root')之间缺少逗号分隔,ReactDOM.render要求第一个参数为待渲染的JSX节点,第二个参数为挂载的DOM容器,两个参数必须用逗号分隔
修复方案
将入口文件代码替换为以下修正后的内容即可:
import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; import { BrowserRouter } from "react-router-dom"; ReactDOM.render( <BrowserRouter> <App/> </BrowserRouter>, document.getElementById('root') );
验证步骤
- 保存修改后的入口文件
- 重启项目本地开发服务,清除缓存影响
- 确认终端编译输出无报错后,刷新浏览器即可正常加载页面
内容的提问来源于stack exchange,提问作者Milli Millz
相关产品推荐
相关产品推荐

