MIME type issue in JavaScript

Question

I am working in a Web site. My <head> is like below.

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">

    <script type="text/javascript" src="http://github.com/mrdoob/three.js/blob/dev/build/three.min.js"></script>
    <script type="text/javascript"
        src="http://github.com/pchen66/panolens.js/blob/master/build/panolens.min.js"></script>

    <script>
        const panorama = new PANOLENS.ImagePanorama('./images/project.jpg');
        const viewer = new PANOLENS.Viewer();
        viewer.add(panorama);
    </script>
</head>

But I am getting error The resource from “https://github.com/pchen66/panolens.js/blob/master/build/panolens.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

Why I am seeing this error ?

Answer 1

use rawgit.com instead of github.com

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">

    <script type="text/javascript" src="https://rawgit.com/mrdoob/three.js/dev/build/three.min.js"></script>
    <script type="text/javascript"
        src="https://rawgit.com/pchen66/panolens.js/master/build/panolens.min.js"></script>

    <script>
        const panorama = new PANOLENS.ImagePanorama('./images/project.jpg');
        const viewer = new PANOLENS.Viewer();
        viewer.add(panorama);
    </script>
</head>

MIME type issue in JavaScript

Question

1 answers

solution1
3 2020-11-10 02:43:21

MIME type issue in JavaScript

Question

1 answers

solution1 3 2020-11-10 02:43:21

solution1
3 2020-11-10 02:43:21