将 nextjs 升级到版本 12 时出现 React-hook-form 构建问题

Posted 2023-02-19

【中文标题】将 nextjs 升级到版本 12 时出现 React-hook-form 构建问题

【英文标题】：React-hook-form build problem when upgrading nextjs to version 12

【发布时间】：2021-12-15 22:14:14

【问题描述】：

当我将 nextjs 升级到 version 12 并运行 yarn dev 时，react-hook-form 库中有问题：

SyntaxError：未找到命名导出“set”。请求的模块 react-hook-form 是一个 CommonJS 模块，它可能不支持所有 module.exports 作为命名导出。 CommonJS 模块总是可以通过默认导出导入，例如使用 ....

谁能帮我解决这个错误？

【参考方案1】：

导入您的 yupResolver 略有不同。

相对于：

import yupResolver from '@hookform/resolvers/yup';

做：

import yupResolver from '@hookform/resolvers/yup/dist/yup';

【讨论】：

通过这种方式我仍然收到此错误。

谢谢，这解决了我的 next.js + TS 问题

工作就像一个魅力:)

你知道如何让它与故事书一起使用吗？我认为那里的错误是相关的......