typescript vite-plugin-svgr的类型定义？

iswrvxsc 于 2023-01-10 发布在 TypeScript

关注(0)|答案(1)|浏览(239)

我在将props作为ReactComponent添加到Svg时出现 typescript 错误-类型无法分配给类型'IntrinsicAttributes'。插件：vite插件svgr
维生素配置ts-

svgr({
      exportAsDefault: true,
      svgrOptions: {
        icon: true,
      },
    })

新增

"types" : "vite-plugin-svgr/client"

到ts编译器，然后导入svg

import Icon from "./path"

有什么建议吗？

typescript

来源：https://stackoverflow.com/questions/74720726/type-definition-for-vite-plugin-svgr

1条答案

按热度按时间

mrzz3bfm1#

这是因为您将svg文件导出为默认值，而vite-plugin-svgr/client文件中的类型脚本没有默认声明。
我们试试看：

创建声明（.d.ts文件）
添加以下声明：

declare module '*.svg' {
  import * as React from 'react'

  const ReactComponent: React.FunctionComponent<
    React.ComponentProps<'svg'> & { title?: string }
  >
  export default ReactComponent
}

赞(0）回复(0）举报 2023-01-10

我来回答

typescript vite-plugin-svgr的类型定义？

1条答案

相关问题

热门标签

最新问答