在'../x/x'中找不到导出'default'(作为"x"导入)(可能的导出：x)

我很困惑，到目前为止我看到的所有答案都没有真正让我更接近于解决这个问题。我已经创建了一个组件作为主外壳，然后创建了一种嵌套在其中的日历组件。当将Calendar.js导入我的index.js路由器时，它会正常运行，但当导入我的主shell App.js时，它不会正确导入或运行。

index.js
组件
- 应用程序
  - 应用程序
- 组件
  - 组件

import React from 'react';
import Calendar from '../Calendar/Calendar'

export const App = () => {
return (
<div>
<div>This is app</div>
<Calendar/>
</div>
);
}

对于这个问题，我看了几个不同的答案，每次都会收到类似的错误
export 'default' (imported as 'Calendar') was not found in '../Calendar/Calendar' (possible exports: Calendar)

export 'default' (imported as 'Calendar') was not found in '../Calendar' (possible exports: Calendar)

import React from 'react';
import { Calendar } from '../Calendar/Calendar'

export const App = () => {
return (
<div>
<div>This is app</div>
<Calendar/>
</div>
);
}

命名导出需要通过花括号导入。

相关内容

最新更新

热门标签：