为什么反应数字格式输入字段在生产构建的 nextjs 中失去焦点

Why does react number format input field lose focus in nextjs on production build

为什么我们 nextjs project rendered using react-number-format 中的某些输入字段在键入时会失去焦点?没有错误被抛出,构建日志也没有表明有什么东西被破坏了。

这种情况在生产版本中发生。

nextjs 版本为 12.0.7

react-number-format 版本为 4.8.0

回答我自己的问题以防有人遇到同样的问题:

关注 nextjs upgrade guide from v11 to v12 we replaced Terser with SWC for minifying 并将其改回 Terser 后,问题已解决。

next.config.js文件中:

module.exports = withTM({
swcMinify: false,
...
})

关于 SWC 的 here as part of the nextjs 反馈线程也提到了这一点。