Gatsby构建失败，并显示错误“ HTMLElement未定义”

问题描述

我将Ionic React与盖茨比一起使用。当我尝试gatsby build时失败，并显示HTMLElement is not defined

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

我无法使用setWebpackConfig来忽略该模块，因为看起来Ionic React很大程度上取决于window

如何为Ionic React构建SSG？

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.

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）