Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Demo page at https://davidshimjs.github.io/qrcodejs/ doesn't work when on HTTPS

See original GitHub issue

I found this library through google, and was directed to https://davidshimjs.github.io/qrcodejs/ (https). I scrolled down to the demo and the qr image didn’t show up in the codepen widget.

An error was thrown to the console:

Mixed Content: The page at 'https://s.codepen.io/davidshimjs/fullembedgrid/rJgjv?type=embed&animations=run' was loaded over HTTPS, but requested an insecure script 'http://davidshimjs.github.com/qrcodejs/qrcode.min.js'. This request has been blocked; the content must be served over HTTPS.

pen.js:2 Uncaught ReferenceError: QRCode is not defined(anonymous function) @ pen.js:2

The issue was fixed when I rewrote the url to http.

Issue Analytics

State:
Created 8 years ago
Comments:5

Top GitHub Comments

3reactions

cwildcommented, Jun 1, 2016

Firstly, great work on qrcodejs!

To chip in with this issue, it looks like the external library on the following page (http://codepen.io/davidshimjs/pen/rJgjv) is linking to the http resource.

Have you tried changing: http://davidshimjs.github.com/qrcodejs/qrcode.min.js to this: //davidshimjs.github.com/qrcodejs/qrcode.min.js

Thanks.

1reaction

slezicacommented, Sep 29, 2016

Just experienced this. It’s not an important bug, any seasoned developer will open the console and understand the problem, but having a working project page is nice.