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

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

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

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

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

解决方法

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

关于 google-map-react，我删除了这个包并使用了原生的 google maps api 包（@googlemaps/js-api-loader => 使用文档见）。

为了让 nextjs 从 node_modules 转译这两个包，在 next.config.js 中添加并使用了 next-transpile-modules 包。

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

下面是它们现在的样子。

babel.config.json

next.config.js

将此行添加到 package.json

注意需要安装@babel/core、@babel/preset-env、core-js。

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