时间戳

首页 > 解决方案 > 如何在 Next.js 中创建组件？

next.js - 如何在 Next.js 中创建组件？

问题描述

我以为我在正确的轨道上，但我收到了这个错误

Attempted import error: 'Navigation' is not exported from '../components/navigation'.

我的组件导航：

const Navigation = () => (
    <div>
        <span>Home</span>
        <span>About</span>
    </div>
);
    
export default Navigation;

我做错什么了？

标签： next.js

解决方案

您可能正在尝试以这种方式导入：

import { Navigation } from '../components/Navigation';

虽然你应该这样做：

import Navigation from '../components/Navigation';
// or
import Whatever from '../components/Navigation';

// ...
// ...

<Navigation />
// or
<Whatever />

对于非默认导出，您将执行以下操作：

import { Navigation } from '../components/Navigation';

对于导出的组件

const Navigation = () => {};
export Navigation;

推荐阅读