Pesquisa de site

reactjs - VSCode não importa o componente em TypeScript


O VSCode com TypeScript tem esse recurso incrível onde, se você pressionar CMD+. em um módulo que ainda não foi importado, ele te dá a opção de importar automaticamente esse módulo ou importar todos os módulos que estão faltando.

É particularmente útil ao copiar um monte de JSX e deixar o vscode cuidar de todas as importações. Isso funciona muito bem, mas com uma exceção: ele não vai importar o componente. Eu imaginei que provavelmente seja porque ele se refere a https://developer.mozilla.org/en-US/docs/Web/API/Text/Text.

Existe uma maneira de apontar o TypeScript na direção certa?

Exemplo abaixo:

Resposta #1

Coloque seu componente Text.tsx em uma pasta path/to/Text/, depois renomeie-o para index.tsx. Isso deve fazer o VSCode começar a sugerir a importação.

Artigos relacionados