如何添加自定义HTML标签TSX

Question

尝试在JSX中呈现自定义HTML标签<my-element>时显示错误 “ JSX.IntrinsicElements”类型上不存在属性

我找到了一些使用

的示例

declare global {
  interface IntrinsicElements {
    "my-element": any
  }
}

但这会产生另一个错误：

  

ES2015模块语法优于自定义TypeScript模块和命名空间@ typescript-eslint / no-namespace

Answer 1

我发现了指向Typescript guide的有用链接，这对我很有帮助：

主要思想是创建一个扩展名为 d.ts 的新文件（例如myModule.d.ts），其中应包含以下内容

Prop