typescript - 使用 esbuild 加载 SVG 文件

Question

我正在使用带有 typescript react 的电子，并使用 esbuild bundler。

项目文件树：

projectname/
┣ assets/
┃ ┣ index.d.ts
┃ ┗ logo.svg
┣ src/
┃ ┣ components/
┃ ┃ ┗ Intro.tsx
┃ ┣ App.tsx
┃ ┣ electron.ts
┃ ┣ fonts.css
┃ ┣ index.css
┃ ┣ index.html
┃ ┗ index.tsx
┣ .gitignore
┣ build.js
┣ LICENSE
┣ package.json
┣ README.md
┗ yarn.lock

我尝试使用 esbuild-plugin-svg，但出现了这个错误。

找不到模块“esbuild-plugin-svg”的声明文件。'd:/genius0412/github/checkaccess/node_modules/esbuild-plugin-svg/src/index.js' 隐含了一个 'any' 类型。尝试npm i --save-dev @types/esbuild-plugin-svg它是否存在或添加包含declare module 'esbuild-plugin-svg';ts(7016)的新声明 (.d.ts) 文件

另外，我尝试使用 esbuild-plugin-svgj，但它也不起作用。

错误：无法解析“react”（插件“svgj”没有设置解析目录）

我应该如何解决这个问题？

Answer 1

这是一个打字稿问题 - 它不知道导入的是什么类型：

import logo from '../assets/logo.svg';

我看到您尝试使用index.d.ts. 由于您的索引文件是.tsx我会尝试index.t.ts手动导入index.tsx- 在某些时候我有一个印象是 TSd.ts自动导入.js文件，但不是.ts