Next.js 发生构建错误 ReferenceError: Component is not defined答案

【问题标题】：Next.js Build error occurred ReferenceError: Component is not definedNext.js 发生构建错误 ReferenceError: Component is not defined
【发布时间】：2020-09-25 09:51:56
【问题描述】：

yarn build 时出现错误。但是yarn dev时没有发生

排版是我的自定义组件。我使用 tsconfig.json 中的 baseUrl 选项使用绝对导入

下一个：v9.5.2 打字稿：v3.9.7

error output

我需要帮助

谢谢。

【问题讨论】：

你能添加一个你的代码的sn-p吗？您似乎忘记导入 Typography 或未正确导入。
您必须忘记在某些文件中导入Typography。当您运行yarn build 时，它将扫描您的所有项目并检测错误。另一方面，yarn dev 只是扫描一些文件。因此，运行yarn build 时可能会失败，运行yarn dev 时可能会成功。

标签： typescript next.js

【解决方案1】：

感谢所有cmets！我解决了这个代码问题。正如@bcjohn 所说，yarn dev 不会扫描所有文件。所以我意识到代码问题。

问题代码导出

export default {
  h1
}

导入

<Typography.h1>

解决代码导出

export default Typography;

导入

<Typography />

【讨论】：