有没有办法让 Formik 使用 NextJS 在 Internet Explorer 11 中工作

Question

我一直在使用 NextJS 创建一个小型网站。我使用 formik 和 google-map-react 来验证表单并显示基本地图。

IE11 在使用这些库方面“不合作”。我尝试更改 babel 配置并使用 next-transpile-modules 包尝试提供 polyfills 和 node_modules 包的转译，但没有结果。

任何正确方向的推动将不胜感激！ 亲切的问候

Answer 1

经过进一步的尝试和错误，我发现包 google-map-react 是问题所在。删除使用此包的组件解决了 formik/yup 错误。

关于 google-map-react，我删除了这个包并使用了本地 google 地图 api 包（@googlemaps/js-api-loader => 请参阅文档了解用法）。

为了让 nextjs 转译来自 node_modules 的两个包，添加了 next-transpile-modules 包并在 next.config.js.

中使用

最后我所要做的就是编辑我的 babel.config.json 文件，next.config.js 和 package.json 文件。

下面是他们现在的样子。

babel.config.json

next.config.js

将此行添加到 package.json

请记住，需要安装@babel/core、@babel/preset-env、core-js。

我希望这个解决方案对遇到同样问题的任何人都有帮助。我也更改了标题，因为 formik 不是问题所在。