React导入const报错：提示'NavLogo'未从./NavbarElements导出

你遇到的报错是大小写不匹配导致的：

• 你在./NavbarElements文件中导出的styled组件命名为Navlogo（第二个字符是小写的l）
• 你在其他文件导入时写的是NavLogo（第二个字符是大写的L）

JavaScript语法对变量、导入导出的名称是大小写敏感的，因此识别为两个不同的名称，抛出找不到导出的错误。

两种方案二选一即可：

• 方案1（更推荐，符合React组件大驼峰命名规范）：修改./NavbarElements文件的导出代码，把export const Navlogo = styled(LinkR)改成export const NavLogo = styled(LinkR)，和导入名称保持一致
• 方案2：修改你的导入语句，把import { NavLogo } from './NavbarElements'改为import { Navlogo } from './NavbarElements'，和现有导出名称保持一致

*额外提示：后续开发时命名尽量统一遵循大驼峰规范，每个单词首字母大写，可以有效避免这类大小写不匹配的错误。

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