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

Question

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

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

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

Answer 1

经过进一步的试验和错误，我发现包 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 不是问题。