React-Native新项目import引入JSX文件报错 \ 如何让react-native对JSX文件支持

跟着React-native 官网教程初始化一个新项目

后面尝试着将项目中初始的App.js 改成App.jsx， 此时编译就报错了， 模拟器就运行不起来了。
编译报错：None of these files exist:

• App(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)
• App/index(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)
  4 |
  错误如图：

解决方案：
在项目根目录下的metro.config.js文件中加入以下代码：
resolver: {
sourceExts: [‘js’, ‘jsx’]
},

再次编译就运行成功啦