Reactjs 无法从目录中导入jsx文件，请响应

现在，条形图由App.js文件显示，但我想将整个代码转换为Mismatch.jsx文件，并在App.js的返回中访问它

我无法将mismatch.jsx文件导入我的app.js文件 它给了我以下的错误

ModuleNotFoundError
Could not find module in path: './src/components' relative to '/src/index.js'

将其更改为以下内容

import  Mismatch  from "./container/mismatchdata/mismatch";

---

同时安装bootstrap

谢谢，也请您建议如何将条形图代码转换为不匹配。jsxI已更新，请检查