Error during negotiation request. Failed to connect to localhost/127.0.0.1:8888 about react-native-signalr HOT 4 OPEN

Don't know why it fails. Have you tried running it by using IIS and not IIS express? I used IIS locally.

from react-native-signalr.

Issue with the http://localhost:8888

connection = signalr.hubConnection('http://localhost:8888/');

Try with your network IP address and it will solve your issue.

windows command prompt (cmd) enter ipconfig

Example,
connection = signalr.hubConnection('http://192.168.1.20:8888/');

Also check followings,

• host SignalR in Local IIS not IIS Express
• enable Web Socket in IIS (Enable Windows Features > IIS)

from react-native-signalr.

I have the same error.

from react-native-signalr.

I have the same issue

package.json
"{
"name": "ChatApp",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "react-native start",
"test": "jest",
"lint": "eslint ."
},
"dependencies": {

"react": "16.8.6",
"react-native": "0.60.5",
"react-native-signalr": "^1.0.6"

},
"devDependencies": {
"@babel/core": "^7.5.5",
"@babel/runtime": "^7.5.5",
"@react-native-community/eslint-config": "^0.0.5",
"babel-jest": "^24.9.0",
"eslint": "^6.2.2",
"jest": "^24.9.0",
"metro-react-native-babel-preset": "^0.56.0",
"react-test-renderer": "16.8.6"
},
"jest": {
"preset": "react-native"
}
}"
App.js

import React, {Component} from 'react';
import {
SafeAreaView,
StyleSheet,
ScrollView,
View,
Text,
StatusBar,
} from 'react-native';

import signalr from "react-native-signalr";
class App extends Component{
constructor(props){
super(props)

};
componentDidMount() {
const hubUrl = 'http://localhost:82//signalr/hubs';

const connection = signalr.hubConnection("http://localhost:82/");
connection.url =hubUrl
connection.logging = true;

const proxy = connection.createHubProxy('chatHub');

proxy.on('broadcastChat', (result) => {
console.log('message-from-server', result);

});

// atempt connection, and handle errors
connection.start().done(() => {
console.log('Now connected, connection ID=' + connection.id);

proxy.invoke('getUsers')
  .done((directResponse) => {
    console.log('direct-response-from-server', directResponse);
  }).fail(() => {
    console.warn('Something went wrong when calling server, it might not be up and running?')
  });

}).fail((e) => {
console.log('connection',connection);
console.log('Failed',e);
});

//connection-handling
connection.connectionSlow(() => {
console.log('We are currently experiencing difficulties with the connection.')
});

connection.error((error) => {
const errorMessage = error.message;
let detailedError = '';
if (error.source && error.source._response) {
detailedError = error.source._response;
}
if (detailedError === 'An SSL error has occurred and a secure connection to the server cannot be made.') {
console.log('When using react-native-signalr on ios with http remember to enable http in App Transport Security #14')
}
console.debug('SignalR error: ' + errorMessage, detailedError)
});

render()
{
console.log(this.state)
return (

);
};
}
}

export default App;

from react-native-signalr.