4
respostas

Erro ao trocar o fetch API para o axios

Boa noite,

estava usando o fetch antes de mudar para o axios, e quando mudei começou a aparecer o erro abaixo.

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "url": require.resolve("url/") }'
        - install 'url'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "url": false }

E quando volto para o fetch novamente ele funciona normal. O que seria esse erro?

4 respostas

Salve, Guilherme.

Consegue subir para o GitHub o seu projeto?

Assim consigo analisar e tentar entender o que está acontecendo :)

Bom dia Marcos e obrigado pela ajuda!

O repositório é (https://github.com/GuilhermeWatanabe/heatmap-react-app)

O arquivo é o src/pages/Heatmap/index.tsx.

Estou fazendo uma chamada para um outro projeto Laravel em localhost também, na porta 8000. Com fetch funciona mas com axios não.

Desde já agradeço!

Guilherme, experimenta fazer update para o axios na versão 0.27.1:

npm i axios@0.27.1

Deu certo Marcos, mas agora está dando outro erro.

Quando eu tento fazer o você fez, exportando uma variável http como instancia do axios ele da outro erro falando que o .then não existe.

        http.get('http://127.0.0.1:8000/api/stocks')
            .then(res => setStocks(res.data));

Erro:

Property 'then' does not exist on type 'ClientRequest'.