为什么next.js不export named export？

Question

这是我的代码：

const videos = [
    "m_9S5cBNvTs",
    "FrlJl2UXRU0"
]

const Learn = ({ videoCode }) => {

    return <a target='_blank' href={`https://youtube.com/watch?v=${videoCode}`}>Random Video ({videoCode})</a>
}

export default Learn

export async function getServerSideProps({ params, res }) {
    const randomVideo = videos[Math.floor(Math.random() * videos.length)];
    return {
        props: {
            videoCode: randomVideo
        }
    }
}

export { videos as CrashVideos }

这是 next.js 错误：

Module parse failed: Export 'videos' is not defined (22:9)

这是怎么回事？为什么 next.js 不导出这个变量？

这是这个问题的 CodeSandBox。

Answer 1

您不能使用默认导出和在单个文档中导出。

如果您有多个导出项，请编写如下代码。

export { videos as CrashVideos, Learn };

如果您只有一项要导出，您可以使用 export default。

export default Learn;

为什么next.js不export named export？

Why next.js does not export named export?

next.js