在Nrwl / Nx工作区中的React应用程序中使用Web组件

时间:2019-12-18 14:08:06

标签: reactjs typescript web-component monorepo nrwl-nx

当前,我正在使用Nrwl / Nx进行单一存储库设置,该库必须支持Web组件(作为库和React应用程序)。 Web组件应可在React应用程序中使用。基于此article,它说

而不是注册CUSTOM_ELEMENTS_SCHEMA,我们要添加internal.d.ts文件,该文件的作用类似于main.tsx旁边的CUSTOM_ELEMENTS_SCHEMA。


在我的设置中, intrinsic.d.ts 文件包含

declare namespace JSX {
  interface IntrinsicElements {
    [elemName: string]: any;
  }
}

但是,当我将 intrinsic.d.ts 文件放在 main.tsx 文件旁边时,出现以下错误:

  

/ Users /.../ Documents / nx / apps / react-app / src / app / app.tsx(14,5)中的错误:
  TS2339:类型“ JSX.IntrinsicElements”上不存在属性“ hello-component”。
  /Users/.../Documents/nx/apps/react-app/src/app/app.tsx(14,5)中的错误:
  TS2695:逗号运算符的左侧未使用且没有副作用。

该Web组件已注册为hello-component。我必须在某个地方注册 intrinsic.d.ts 还是这里的问题?感谢您的帮助和欢呼!

0 个答案:

没有答案