Erro: "TS2307: Cannot find module './pages/cardapio/itens/itens.json' or its corresponding type declarations." | React: conhecendo a biblioteca React Router | Alura - Cursos online de tecnologia

2
respostas

Referente ao curso React: conhecendo a biblioteca React Router, no capítulo O que é SPA? e atividade Criando o início

por Diego Barros dos Santos

| 154.1k xp | 13 posts

O meu código apresenta o seguinte erro:

"Compiled with problems:X

ERROR in src/pages/inicio/index.tsx:1:22

TS2307: Cannot find module './pages/cardapio/itens/itens.json' or its corresponding type declarations.

1 | import cardapio from './pages/cardapio/itens/itens.json'; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 2 | 3 | export default function Inicio () { 4 | return (

"

Quando coloco o caminho '../cardapio/itens/itens.json'; o código funciona sem problemas, mas queria saber o porquê do código não está funcionando com o código do professor.

2 respostas

por Diego Barros dos Santos

| 154.1k xp | 13 posts

23/09/2022

O meu código completo está aqui: https://github.com/DiegoBarrosDev/aluroni

por Arthur Schulle Konrad

| 125.8k xp | 30 posts

Analista Frontend

25/09/2022

Bom dia Diego, tudo bem?

Olhei o seu github hoje, dia 25 de setembro de 2022, perto das 10:15. Neste período, o código estava coerente.

O que quero dizer com isso.

A chamada do import do json esta dentro da pasta pages/inicio então, para chegar na pasta pages/cardapio precisa voltar uma casa na hierarquia de pastas, portanto o uso do ../.

Porém,

Sua dúvida é quanto a disparidade do curso para com seu projeto.

Olhei aqui o episódio do curso em questão, e o professor demonstra o import de forma abstrata, ele não chega a salvar nem rodar o arquivo, foi apenas para demonstrar que está sendo feito muitas voltas para importar a mesma coisa em dois lugares diferentes.

Haverá uma refatoração nas aulas sequentes.

Mas qualquer outra dúvida sobre imports e níveis de pastas, podemos conversar mais.

Atenciosamente, tuio