React native React Native无法从'；解析模块X；pathToApp.js'；：无法解析'；pathToComponentName'；既不是文件也不是文件夹

我的进口声明：

import Stuff from './components/Stuff';

My目录以EXPR作为父目录，components目录是父目录的直接子目录，而import语句所在的App.js位于父目录中

我的'Stuff.jsx'：

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class Stuff extends React.Component {
  render () {
    return (
      <View style={styles.sidebar} />
    )
  }
}

const styles = StyleSheet.create({
  sidebar: {
    position: 'absolute',
    left: 0,
    top: 20,
    height: '100%',
    width: 200,
    backgroundColor: 'lightslategrey',
    display: 'flex',
    flexDirection: 'column'
  },
})

从“React”导入React；
从“react native”导入{样式表、文本、视图}；
导出默认类扩展React.Component{
渲染（）{
返回(
)
}
}
const styles=StyleSheet.create({
侧栏：{
位置：'绝对'，
左:0,，
前20名，
高度：“100%”，
宽度：200，
背景颜色：“浅灰色”，
显示：“flex”，
flexDirection:“列”
},
})

React Native不支持导入

.jsx

文件。看