Material ui 无法在模具项目中使用材质ui组件

Material ui 无法在模具项目中使用材质ui组件,material-ui,stenciljs,Material Ui,Stenciljs,我想在我的一个模具组件中使用material TextField。由于模具组件是在JSX上实现的,而Material UI也是在导出JSX.Element时实现的,所以我认为实现起来非常困难,但当我执行这个简单的示例时: import { Component, Host, h, Element, ComponentInterface } from '@stencil/core'; import TextField from '@material-ui/core/TextField'; Comp

我想在我的一个模具组件中使用material TextField。由于模具组件是在JSX上实现的,而Material UI也是在导出JSX.Element时实现的,所以我认为实现起来非常困难,但当我执行这个简单的示例时:

import { Component, Host, h, Element, ComponentInterface } from '@stencil/core';
import TextField from '@material-ui/core/TextField';

Component({
 tag: 'example-input',
  shadow: false
})

export class Input implements ComponentInterface {

  @Element() el!: HTMLElement;

  render() {

    return (
      <Host >
        <TextField required id="standard-required" label="Required" defaultValue="Hello World" />
      </Host>
    );
  }
}
拜托,你知道问题出在哪里吗?
提前谢谢

模具是Web组件,材料UI是UI框架。实际上这不是同一个概念

DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('[object Object]') is not a valid name.