ionic-framework - Gatsby 构建失败并出现错误“未定义 HTMLElement”

Question

我Ionic React和盖茨比一起使用。当我尝试gatsby build它失败时HTMLElement is not defined

它正在编译我没有使用的 Ionic 组件（请检查下面的错误信息）。

我不能setWebpackConfig用来忽略该模块，因为它看起来Ionic React严重依赖window

我如何构建 SSG Ionic React？

ERROR #95313

Building static HTML failed

See our docs page for more info on this error: https://gatsby.dev/debug-html


  956 | const IonTabBar = createForwardRef(IonTabBarContainer, 'IonTabBar');
  957 |
> 958 | class IonTabsElement extends HTMLElement {
      | ^
  959 |     constructor() {
  960 |         super();
  961 |     }


  WebpackError: ReferenceError: HTMLElement is not defined

  - index.esm.js:958
    [test]/[@ionic]/react/dist/index.esm.js:958:1

  - ionic01.tsx:1
    src/pages/ionic01.tsx:1:1

  - animation-a635a2fc.js:493
    [test]/[@ionic]/core/dist/esm-es5/animation-a635a2fc.js:493:1

  - animation-a635a2fc.js:513
    [test]/[@ionic]/core/dist/esm-es5/animation-a635a2fc.js:513:1

  - animation-a635a2fc.js:337
    [test]/[@ionic]/core/dist/esm-es5/animation-a635a2fc.js:337:1

  - animation-a635a2fc.js:236
    [test]/[@ionic]/core/dist/esm-es5/animation-a635a2fc.js:236:1


error Command failed with exit code 1.