Reactjs 使用导出默认值时响应导入错误

我有一个

• src/components/menu item/menu item.component.jsx中的
  menu item.component

• src/components/directory/directory.component.jsx中的
  directory.component

在

菜单项.组件中

：

从“React”导入React；
从“react router dom”导入withRouter；
导入“/menu item.styles.scss”；
export const MenuItem=（{title，imageUrl，size}）=>(
{title.toUpperCase（）}
阿尔维里巴伊拉酒店
);
//导出默认菜单项；

这样，import语句

import{MenuItem}从“./menu项/menu项.component”目录.component.jsx中的code>运行良好。当我从函数定义中删除
export
，而是添加
export default MenuItem在底部，npm启动出现以下故障：

未能编译

./src/components/directory/directory.component.jsx
尝试导入错误：“MenuItem”未从“../menu item/menu item.component”导出

我是一个新的反应，并遵循从一个教程的确切代码，它在视频工作得很好。为什么会失败？
尝试卸下支架

import MenuItem from "../menu-item/menu-item.component"

当您执行“导出默认值”时，您不需要在导入时详细说明名称以获得默认导入（例如，您可以将其作为Item或MenuI导入，但始终以大写字母开头，以便React知道它仍然是一个组件）

另外，请在使用的常量声明之前删除导出
导出默认值

尝试删除括号

import MenuItem from "../menu-item/menu-item.component"

当您执行“导出默认值”时，您不需要在导入时详细说明名称以获得默认导入（例如，您可以将其作为Item或MenuI导入，但始终以大写字母开头，以便React知道它仍然是一个组件）

---

另外，在您使用的const声明之前删除

导出

，

导出默认值
请检查此项以获取详细答案，希望这有助于我查看，很抱歉，我已完成搜索，但未看到此答案。谢谢。请检查这个详细的答案，希望这有助于我看到，对不起，我做了搜索，但没有看到这个答案。谢谢