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

【问题标题】：React-hook-form build problem when upgrading nextjs to version 12将 nextjs 升级到版本 12 时出现 React-hook-form 构建问题
【发布时间】：2021-12-15 22:14:14
【问题描述】：

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

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

谁能帮我解决这个错误？

【问题讨论】：

标签： next.js react-hook-form

【解决方案1】：

导入您的 yupResolver 略有不同。

相对于：

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

做：

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

【讨论】：

通过这种方式我仍然收到此错误。
谢谢，这解决了我的 next.js + TS 问题
工作就像一个魅力:)
你知道如何让它与故事书一起使用吗？我认为那里的错误是相关的......