Qlik Sense engine connection in React JS

[JinX]

Hello folks

I am developing a React application for my company in which we have the requirement to import some Qlik Sense objects from an app.  I tried to use Enigma.JS but couldn't make it work, so I opted for another approach.  Since it's my first time working with Sense, I followed along this awesome post by  @Francis_Kabinoff 

https://community.qlik.com/t5/Qlik-Design-Blog/Using-webpack-with-Capability-APIs/ba-p/1471700

In my index.html file im importing the require.js like so.

Then I created the config file like this: 

But for some reason when I start the app I always get the following error:

I am lost to why this is happening. Any help would be much appreciated

[Francis_Kabinoff]

I think it's because your mashup server is http, not https. Look atthe request for the qlik.js file, it's http:// not https://, and that's probably because in your config, the isSecure is set by checking window.location.protocol. You can try just setting isSecure to true, or try switching your mashup server to https.

[Francis_Kabinoff]

Actually, on second look, your baseUrl you have the "http" hardcoded. Maybe your Qlik Sense server is http, but then is the port correct?