Nextjs 您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入答案

【问题标题】：Nextjs You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named importsNextjs 您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入
【发布时间】：2019-08-07 06:51:15
【问题描述】：

我正在使用 nextjs 路由系统，我想将import 用作其他名称：

import { Link as NavLink } from 'next/link';

const Link = ({ to, nav, children, ...props }) => {
    const { exact, activeClassName } = props;
    return (
        <NavLink href={to} rel="noopener noreferrer">
            {children}
        </NavLink>
    );
};

export default Link;

但它一直返回此错误！你有什么想法吗？

【问题讨论】：

标签： reactjs routing next.js

【解决方案1】：

Link 不是 next/link 的命名导出，因此您不能以这种方式导入它 - next/link 导出一个默认组件，该组件通常导入为 Link。您需要导入该默认导出（这意味着没有括号），然后您可以在技术上将其命名为您想要的任何您想要的导入变量。

import NavLink from 'next/link'

const Link = ({ to, nav, children, ...props }) => {
  // Use NavLink here
  ...
}

export default Link

【讨论】：