Next.js 在 IE11 下报错 “对象不支持‘attachShadow’属性或方法”

解决方法：https://github.com/vercel/next.js/issues/13231

package.json

"@webcomponents/shadydom": "^1.7.4"

---

next.config.js

module.exports = {
  webpack: function (config) {
    const originalEntry = config.entry;

    config.entry = async () => {
      const entries = await originalEntry();

      if (
        entries["main.js"] &&
        !entries["main.js"].includes("./src/polyfills.js")
      ) {
        entries["main.js"].unshift("./src/polyfills.js");
      }
      return entries;
    };

    return config;
  },
};

---

./src/polyfills.js

import "@webcomponents/shadydom";

菜鸟一枚，仅用来记录一下解决方法 =。=