ERROR [JSS] Error occurred during POST to remote rendering host: `http://localhost:3000/api/editing/render`

Question

We are running Next.js JSS app using XM Cloud docker setup, our localhost:3000 site is loading, but when we are trying to run Experience Editor it is giving 2 erros.

On First Try we are getting below error:

A Sitecore.JavaScriptServices application was not found for the path {itempath}. You should ensure that:
* You have applied a Sitecore configuration patch for the application (see App_Config\Sitecore\JavaScriptServices\Sitecore.JavaScriptServices.ExampleApp.config.example)
> * The path represents a Route
* The Route item is a descendant of an App item

If I change the URL with query string sc_site to sc_jssapp it is giving us below error

2836 06:24:55 ERROR [JSS] Error occurred during POST to remote rendering host: `http://localhost:3000/api/editing/render`
2836 06:24:55 ERROR Unable to connect to the remote server
Exception: System.Net.WebException
Message: Unable to connect to the remote server
Source: System
   at System.Net.WebClient.UploadDataInternal(Uri address, String method, Byte[] data, WebRequest& request)
   at System.Net.WebClient.UploadString(Uri address, String method, String data)
   at Sitecore.JavaScriptServices.ViewEngine.Http.RenderEngine.Invoke[T](String moduleName, String functionName, Object[] functionArgs)

Nested Exception

Exception: System.Net.Sockets.SocketException
Message: No connection could be made because the target machine actively refused it 127.0.0.1:3000
Source: System
   at System.Net.Sockets.Socket.DoConnect(EndPoint endPointSnapshot, SocketAddress socketAddress)
   at System.Net.ServicePoint.ConnectSocketInternal(Boolean connectFailure, Socket s4, Socket s6, Socket& socket, IPAddress& address, ConnectSocketState state, IAsyncResult asyncResult, Exception& exception)

We have already checked JSS_Editing Secret in .env file and Sitecore config.

Answer 1

You make request from Sitecore container. localhost on the Sitecore container is not equal to localhost on your local machine.

Localhost inside container is this container address. You can't request from the Docker container your sites that are hosted on your machine. What you can do: setup rendering host container inside your Docker network and change http://localhost:3000/api/editing/render to the address of your rendering host container, e.g. http://localhost:3000/api/editing/render