Vue 3 + Typescript + JSX 和 img loading={"lazy"} 给出错误：'ElementAttrs<ImgHTMLAttributes>' 类型上不存在属性 'loading'

Question

Property 'loading' does not exist on type 'ElementAttrs<ImgHTMLAttributes>'

• vue: ^3.0.0
• @vue/babel-plugin-jsx: ^1.0.3
• 打字稿：^3.9.9

Answer 1

导入此代码后添加到您的main.ts：

// Fix: Property 'loading' does not exist on type 'ElementAttrs<ImgHTMLAttributes>'
declare module "@vue/runtime-dom" {
    interface ImgHTMLAttributes extends HTMLAttributes {
        loading?: "lazy" | "eager" | "auto";
    }
}