Seatunnel-web build:prod 报错 jsx问题

问题1

JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.

问题剖析

在使用typescript的时候，在vue或react、node中报以上错误，是JSX 元素隐式具有类型 "any"，因为不存在全局类型 "JSX.Element"。

解决办法

tsconfig.json  中

"strict": false

问题2

Property 'predecessorsNodeId' does not exist on type '{}'.

问题剖析

ts某个方法（a）里面返回一个对象有属性b，在另一个方法里调用a().b，可以正常打印出结果，但是编译报错。报错信息：TS2339:报错Property 'b' does not exist on type '{}'，后来改写成a()[b]，成功去掉报错

解决事例

我举个例子，其他的照抄即可

<NodeModeModal
  ref={modelRef}
  type={props.nodeInfo.type}
  transformType={props.nodeInfo.connectorType}
  predecessorsNodeId={props.nodeInfo.predecessorsNodeId}
  currentNodeId={props.nodeInfo.pluginId}
  schemaError={props.nodeInfo.schemaError}
  refForm={configurationFormRef}
/>

改为

<NodeModeModal
  ref={modelRef}
  type={props.nodeInfo["type"]}
  transformType={props.nodeInfo["connectorType"]}
  predecessorsNodeId={props.nodeInfo["predecessorsNodeId"]}
  currentNodeId={props.nodeInfo["pluginId"]}
  schemaError={props.nodeInfo["schemaError"]}
  refForm={configurationFormRef}
/>