React项目SidebarElements未找到SideBarRoute导出报错解决

基于React搭建网站过程中遇到编译报错，开发流程阻塞，错误定位信息如下：

ERROR in ./src/components/Sidebar/index.js 56:39-51
从'./SidebarElements'中导入的SideBarRoute未找到对应导出，该模块支持的导出项包括：CloseIcon, Icon, SideBtnWrap, SidebarContainer, SidebarLink, SidebarMenu, SidebarRoute, SidebarWrapper。

ES模块的导入导出严格区分大小写，你的导入语句中写的组件名是SideBarRoute（B为大写），但./SidebarElements文件中实际导出的组件名是SidebarRoute（b为小写），拼写不匹配导致无法识别导出项。

• 打开src/components/Sidebar/index.js文件，定位到第56行的导入声明
• 将导入的组件名从SideBarRoute修改为SidebarRoute，和导出端命名保持完全一致
• 排查文件内所有使用该组件的位置，统一修正拼写
• 保存文件等待重新编译，报错即可解决

修正前后的导入代码对比例子：

// 错误导入写法
import { SideBarRoute } from './SidebarElements'

// 正确导入写法
import { SidebarRoute } from './SidebarElements'

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