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

Question

当我将nextjs升级到版本 12并运行时，yarn devreact-hook-form 库中出现问题：

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

谁能帮我修复这个错误？

Answer 1

导入你的yupResolver略有不同。

与以下相反：

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

做：

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

Answer 2

正如 David Cingolani 提到的，这个问题在 7.22.5 版本之后以react-hook-form 的形式得到了修复。

要将 lib 更新到最新版本，请运行

npm 我反应钩子形式@最新

或者

纱线添加react-hook-form@latest

要更新到最新版本或使用后缀“@7.22.5”更新到确切版本。

例如：npm我react-hook-form@7.22.5