cli: TypeError [ERR_INVALID_CHAR]: Invalid character in header content ["X-React-Native-Project-Root"] at ServerResponse.setHeader (node:_http_outgoing:651:3)

I had the same issue. And I was researching a lot and I found this^

1. Go to node_modules/@react-native-community/cli-server-api/build/statusPageMiddleware.js
2. On line 19 wrap process.cwd() to new URL() like this: new URL(process.cwd())
3. Before reload clean cache in npm using npm cache clean --force
4. Run using npm run start / npm run android

I hope this will help you too 😇

Same here, did you solve it @arnaudambro ?

UPDATE: If anyone else has the same error, please, check your project folder path and confirm there aren´t any special characteres on it. In the example of this issue the path has Arabic characters C:\Users\kikou\OneDrive\المستندات\ReactNative projects\, same for accents “áéíóú”, “àèìòù” or any other non english “çñ…” character. Check this for the full path and then try to build the app again.

I had the same issue. And I was researching a lot and I found this^

1. Go to node_modules/@react-native-community/cli-server-api/build/statusPageMiddleware.js
2. On line 19 wrap process.cwd() to new URL() like this: new URL(process.cwd())
3. Before reload clean cache in npm using npm cache clean --force
4. Run using npm run start / npm run android

I hope this will help you too 😇

I got

TypeError: Invalid URL
    at new URL (node:internal/url:775:36)
    at statusPageMiddleware (/node_modules/@react-native-community/cli-server-api/build/statusPageMiddleware.js:20:48)
``

I had the same issue. And I was researching a lot and I found this^

1. Go to node_modules/@react-native-community/cli-server-api/build/statusPageMiddleware.js
2. On line 19 wrap process.cwd() to new URL() like this: new URL(process.cwd())
3. Before reload clean cache in npm using npm cache clean --force
4. Run using npm run start / npm run android

I hope this will help you too 😇

thank you saved my dev day 😊

THE PROBLEM IS ONLY IN PATH TO YOUR PROJECT

You can use only latine chars, may also use “-” in naming

If your path to project naming is correct you dont need any ways written higher

But if you need path with not correct chars you may CHANGE IN FILE node_modules/@react-native-community/cli-server-api/build/statusPageMiddleware.js STRING res.setHeader(‘X-React-Native-Project-Root’, process.cwd()); TO res.setHeader(‘X-React-Native-Project-Root’, new URL(process.cwd(), ‘file://’));

and always will work (don’t forget to clear cache!)

newc URL allow us to make ref to local root file, for example: for path “/home/user/Рабочий стол” link pathname will be like “'/home/user/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B8%D0%B9%20%D1%81%D1%82%D0%BE%D0%BB”

Same here, did you solve it @arnaudambro ?

UPDATE: If anyone else has the same error, please, check your project folder path and confirm there aren´t any special characteres on it. In the example of this issue the path has Arabic characters C:\Users\kikou\OneDrive\المستندات\ReactNative projects\, same for accents “áéíóú”, “àèìòù” or any other non english “çñ…” character. Check this for the full path and then try to build the app again.

Thank you, my path had a non english character

THE PROBLEM IS ONLY IN PATH TO YOUR PROJECT

You can use only latine chars, may also use “-” in naming

If your path to project naming is correct you dont need any ways written higher

But if you need path with not correct chars you may CHANGE IN FILE node_modules/@react-native-community/cli-server-api/build/statusPageMiddleware.js STRING res.setHeader(‘X-React-Native-Project-Root’, process.cwd()); TO res.setHeader(‘X-React-Native-Project-Root’, new URL(process.cwd(), ‘file://’));

and always will work (don’t forget to clear cache!)

newc URL allow us to make ref to local root file, for example: for path “/home/user/Рабочий стол” link pathname will be like “'/home/user/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B8%D0%B9%20%D1%81%D1%82%D0%BE%D0%BB”

Thank you, this worked for me.

O mesmo aqui, você resolveu@arnaudambro?

ATUALIZAÇÃO: Se alguém tiver o mesmo erro, por favor, verifique o caminho da pasta do seu projeto e confirme se não há caracteres especiais nela. No exemplo desta edição o caminho possui caracteres árabes C:\Users\kikou\OneDrive\المستندات\ReactNative projects\, o mesmo para acentos “áéíóú”, “àèìòù” ou qualquer outro caractere “çñ…” não inglês. Verifique o caminho completo e tente criar o aplicativo novamente.

Sorted out. My path had space between two texts. Space removed and the problem went away.

I had the same issue. And I was researching a lot and I found this^

1. Go to node_modules/@react-native-community/cli-server-api/build/statusPageMiddleware.js
2. On line 19 wrap process.cwd() to new URL() like this: new URL(process.cwd())
3. Before reload clean cache in npm using npm cache clean --force
4. Run using npm run start / npm run android

I hope this will help you too 😇

Thank you, my problem has been solved

the solution provided by @RafikGadzhiyev is correct thanks to him.