为什么react中将jsx文件放在models文件夹中，无法正常解析jsx文件？

我将pages文件夹下面的me.jsx放到了models文件夹中的me文件夹下：

然后修改了路由为对应目录配置：

启动之后就报了以下错误：

有没有大佬知道这是什么原理？为什么无法放到models文件夹下呢？是文件后缀名引起的问题吗? 

他是去找me.jsx还是me.js呢？你改其中一个名字后再试试

错误说是.jsx语法错误，代码贴一下

不是后缀名问题，编译的时候已经帮你选了是me.jsx文件了，但是第38行第9列的‘，’出现了语法错误，看看是不是你多写了个‘，’