问题描述
我一直在使用 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 不是问题。