Vite+React中createBrowserRouter报',' expected错误求助

你的代码里createBrowserRouter (routes : [])的写法不符合JavaScript语法规则，导致了冒号处的报错。

错误原因 #

createBrowserRouter需要接收一个配置对象作为参数，对象的属性和值必须用{}包裹起来。你直接写routes: []没有加外层大括号，JavaScript解析器会把routes当成独立变量，冒号就成了非法语法，所以提示“预期是逗号”。

修正后的代码 #

import {createBrowserRouter} from "react-router-dom";

//Specify the routes
const router = createBrowserRouter({ routes: [] })
export default router;

修正后语法错误会消失，后续你可以在routes数组里添加具体的路由配置，就能和教程里的效果一致了。

内容的提问来源于stack exchange，提问作者StoicHooman