ERR_SPDY_PROTOCOL_ERROR

[deevus]

Hi

I'm trying to integrate redux-api into an existing application. When I try to dispatch a sync action, I get a ERR_SPDY_PROTOCOL_ERROR in the console.

Any ideas what could be causing this? fetch works just fine outside of redux-api.

const headers = {
};

const options = (url, params, getState) => {
  const {user} = getState();
  const accessToken = getAccessToken(user, null);
  return {
    headers: Object.assign({
      "Authorization": `Bearer: ${accessToken}`
    }, headers)
  };
};

const api = reduxApi({
  events: {
    crud: true,
    options,
    url: `${API_URL}/api/Scoring/:fixtureId/Events`,
  }
});

export default api;

const onEnterScoring = (
  nextState: RouterState,
  replace: RedirectFunction,
  dispatch: Dispatch<any>,
  getState: Function,
  callback?: Function
) => {
  const {id} = nextState.params;
  const {events} = scoringApi.actions;
  try {
    events.sync({fixtureId: id})(dispatch, getState, null, callback);
  } catch (e) {
    // do nothing
  }

  callback();
};

I can see two dispatched actions in redux. One for the initial request action, then a failed request action.

[deevus]

I've also started some TS declarations that you might be interested in as per #93

[lexich]

About ERR_SPDY_PROTOCOL_ERROR - for example https://www.wiknix.com/solved-err_spdy_protocol_error-in-chrome/ I think it's external problem.

About TS - you are welcome, make PR 👍

[lexich]

Also you can't try error with try/catch

const onEnterScoring = (
  nextState: RouterState,
  replace: RedirectFunction,
  dispatch: Dispatch<any>,
  getState: Function,
  callback?: Function
) => {
  const {id} = nextState.params;
  const {events} = scoringApi.actions;
  //try {
  const request =
    events.sync({fixtureId: id})(dispatch, getState, null, callback);

  // if you want to catch error 
  request.catch((e)=> {
    console.error(e);
  });

  //} catch (e) {
    // do nothing
  //}

  //callback(); - callback should be call by sync
};

[deevus]

Thanks for the reply.

It also fails in Firefox, so it's not only Chrome. In Firefox, it comes up as "Aborted" in the Firebug net tab.

Even if it was a browser issue, it can't explain why fetch calls outside of redux-api are working.

[lexich]

Your code looks like working. To understand reasons of error we need to go deeper and need more context. Redux-api makes the same fetch calls.

[deevus]

I'm using HTTPS with self-signed certificates. Could that have any bearing?

[lexich]

I think, yes. Because redux-api with fetch adapter in the end makes fetch(${API_URL}/api/Scoring/:fixtureId/Events, { ...options }); And 95% that your problem is with environment.

[deevus]

The endpoint I'm calling is also HTTPS.

[deevus]

LOL it was a typo

"Authorization": Bearer: ${accessToken}``

There should be no : after Bearer