Impossible to use Axios 0.27.0 with React

[JulSeb42]

Describe the bug

I'm trying to install Axios 0.27.0 with React, but when I run npm start I get this error:

Module not found: Error: Can't resolve 'url' in '/path/to/node_modules/axios/lib/adapters'

To Reproduce

Run npm i axios in your terminal, and npm start, and then in your App.js:

import axios from "axios"

Expected behavior

App running normally

Environment

• Axios Version [0.27.0]
• Adapter [e.g. XHR/HTTP]
• Browser [Chrome]
• Browser Version [100.0.4896.127]
• Node.js Version [16.13.1]
• OS: [macOS 12.3.1]
• Additional Library Versions [React 18.0.0]

Additional context/Screenshots

None

[pdanpdan]

I also have something related (on v0.27.0)
All GET calls throw an error url.parse is not a function at

axios/lib/adapters/xhr.js

Line 41 in cdd7add

var parsed = url.parse(fullPath);

Ubuntu 22.04 / Chrome Beta

[WillianPadilha]

I also have something related (on v0.27.0) All GET calls throw an error url.parse is not a function at

axios/lib/adapters/xhr.js

Line 41 in cdd7add

var parsed = url.parse(fullPath);

Ubuntu 22.04 / Chrome Beta

Same issue with Vue 3 + SPA

• Node v14.19.0
• Vite 2.9.1
• Axios Version [0.27.0]
• Browser [Chrome] Version 100.0.4896.127
• S.O = Windows 10
• Additional Library Versions [Vue 3.2.33]

P.D: url = requiere('url') << this import (module) only works in NODE, or am I wrong?

axios/lib/adapters/xhr.js

Line 10 in cdd7add

var url = require('url');

[TheSeg]

Can confirm in Vue 3 + SPA, Axios is broken due to the use of url.

[diego-paired]

React Native
ERROR [Error: undefined Unable to resolve module url from /node_modules/axios/lib/adapters/xhr.js

[skelawsky]

Run: npm i url. Error is due to: 4594

[mustavikhan05]

Same issue

[mxp131011]

So did I

[AllenTan005]

same here on vue 2

[mustavikhan05]

Same issue

Run: npm i url. Error is due to: 4594

Run: npm i url. Error is due to: 4594

This worked! Thank you so much!

[luiScolari]

Run: npm i url. Error is due to: 4594

Work for me, thanks!

[TheSeg]

Having to install an additional library not maintained by Node is not a workable solution.

[Jplus2]

got the same issue here using React

[nathangroblewski]

React Native ERROR [Error: undefined Unable to resolve module url from /node_modules/axios/lib/adapters/xhr.js

I'm getting the same. Rolling back to 0.26.0 resolved it for the time being.

[play-station]

same issue with RN, hope you release v0.27.1 soon

[challengy1]

I've encountered the same issue with React Native.

[jasonsaayman]

I am releasing a new version asap to fix this issue

[zain-khalid]

@challengy1 Did your error resolve in the new version?
Bugsnag this error on my app case

[challengy1]

Sorry for my late reply. Unfortunately, I haven't tried it and I have no idea.

[kmsu]

Tuve el mismo problema. La solución que encontre fue usar este comando
npm install react-scripts@latest

verifiquen en las dependencias en el archivo package.json deben tener "react-scripts": "^5.0.1"
como versión. El comando que les puse es para actualizar esa dependencia.

PD. Disculpen por colocar la solución en estas fechas. Hasta ahora tuve el problemay encontré la solución