模板 JSX 的 typescript-eslint/no-unsafe-return 误报答案

【问题标题】：typescript-eslint/no-unsafe-return false positive for stencils JSX模板 JSX 的 typescript-eslint/no-unsafe-return 误报
【发布时间】：2023-02-26 05:15:21
【问题描述】：

我正在使用一些推荐的 linter 配置，其中之一配置为：

'@typescript-eslint/no-unsafe-return': 'error',

这会导致返回语句中我所有模板组件的错误：

render() {
    return (
        <Host>
        </Host>
    );
}

整个返回部分带有红色下划线，错误状态为：

24:9 错误不安全地返回“任何”类型的值 @typescript-eslint/no-unsafe-return

此外，我观察到一些奇怪的事情：当我从我的 tsconfig 中删除 "jsxFactory": "h" 时，错误消失了。

在我禁用规则或将类型添加到 return 语句之前，我想了解这里发生了什么，有人可以解释一下吗？

【问题讨论】：

标签： typescript eslint stenciljs

【解决方案1】：

问题是缺少返回类型，尝试在 render() 之后添加 :JSX.Element 并从 @stencil/core 导入类型

【讨论】：