React with Webpack & SignalR

[HeckezMX]

Hi everyone!.
I need your help. I have a react project with the signalR integration. My first implementation was with react-scripts builder and works perfect, but now I'm migrating to Webpack, but when Webpack tries to build the app throws me some errors related with the Http connections like...

new HttpConnection
HttpConnection../node_modules/@microsoft/signalr/dist/esm/HttpConnection.js.HttpConnection.resolveUrl
HubConnectionBuilder../node_modules/@microsoft/signalr/dist/esm/HubConnectionBuilder.js.HubConnectionBuilder.build
new SignalRService

Do you know some configuration in Webpack to avoid this errors?

[BrennanConroy]

Are you missing some text for those errors? They don't look like errors in their current form.

We have a tutorial that sets up a project using WebPack which might help https://docs.microsoft.com/aspnet/core/tutorials/signalr-typescript-webpack?view=aspnetcore-3.1&tabs=visual-studio

[HeckezMX]

Hi @BrennanConroy, thanks for you feedback. Yeah I'm only put some messages, but, this are the errors in console.

I followed the error lines and some are related with signalR. This is part of my webpack configuration.

Note: We're not using TS in the React project.

[BrennanConroy]

Are you using the @aspnet/signalr npm package?
Also, what are you passing into withUrl?

[HeckezMX]

I'm using this package @microsoft/signalr

And I'm passing an endpoint that was created as Azure function. For example for mi local env. http://127.0.0.1:7071/api

[BrennanConroy]

Hmm, I'm not sure then. Could you create a repro app, or if it's easy the steps to make an app?

[HeckezMX]

@BrennanConroy Sorry I was on vacations. Yesterday I retake this and I solved this issue removing the /node_modules/ folder and running again the command npm install. Thanks for your support tracking this.