title: Upgrading highcharts version from 4.1 to 7.12 getting error Uncaught ReferenceError: Highcharts is not defined
body: <p>I am trying to upgrade highcharts version keeping getting error in console Uncaught ReferenceError: Highcharts is not defined</p>
  
  <p><strong>My project uses following libraries Jquery, dojo, backbone, underscore.</strong></p>
  
  <p>Here is my index.html and order of libraries I am including, I used following link to download highcharts "<a href="https://www.highcharts.com/blog/download/" rel="nofollow noreferrer">https://www.highcharts.com/blog/download/</a>" from that downloaded highcharts 7.1.2</p>
  
  <pre><code>&lt;!doctype html&gt;
      &lt;html lang="en"&gt;
          &lt;head&gt;
              &lt;script&gt;
                  var dojoConfig = {
                          parseOnLoad: true,
                          locale: 'en',
                          async: true,
                      packages: [
                          { name: "app", location: location.pathname.replace(/[^\/]+$/, "") + "js/app" },             
                          { name: "bootstrapmap", location: location.pathname.replace(/[^\/]+$/, "") + "libs/bower/bootstrap-map-js/src/js", main: "bootstrapmap" },
                          { name: "backbone", location: location.pathname.replace(/[^\/]+$/, "") + "libs/bower/backbone", main: "backbone" },
                          { name: "underscore", location: location.pathname.replace(/[^\/]+$/, "") + "libs/bower/underscore", main: "underscore" }
                          ]
                      };
              &lt;/script&gt;
                  &lt;script src="libs/jsapi/dojo/dojo.js" data-dojo-config="async: true"&gt;&lt;/script&gt;
          &lt;/head&gt;
          &lt;body class="claro"&gt;
              &lt;div class="loading"&gt;
                  &lt;img src="img/spinner.gif" class="loading-spinner" /&gt;
                  &lt;img src="img/loading.png" class="loading-img img-responsive" /&gt;
              &lt;/div&gt;
              &lt;script src="libs/bower/jquery/dist/jquery.js"&gt;&lt;/script&gt;
              &lt;script src="libs/bower/highcharts/highcharts.js"&gt;&lt;/script&gt;
                  &lt;script src="libs/highcharts-regression.js"&gt;&lt;/script&gt;
                  &lt;script src="libs/bower/highcharts/modules/exporting.js"&gt;&lt;/script&gt;
                  &lt;script src="libs/bower/highcharts/modules/export-data.js"&gt;&lt;/script&gt;
              &lt;script src="libs/bootstrap.custom.js"&gt;&lt;/script&gt;
              &lt;script src="js/main.js"&gt;&lt;/script&gt;
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>I am trying to upgrade highcharts version from 4.1 to 7.1.2 and Downloaded whole new highcharts version bundled, added that bundle in project and added the following script tags in body after jquery,  highchart js and modules like highcharts-regression, exporting and accessibility in to my project, I am keeping getting error in console Uncaught ReferenceError: Highcharts is not defined, If I include my old 4.1 version it is working fine, I am keeping getting error if I include new version Uncaught ReferenceError: Highcharts is not defined, while I checked Highcharts is not available on window causing that, I am not sure even though I included required library I am still getting that error.</p>
  
  <p><strong>Recent Findings:</strong>
  If I upgrade to version 4.1 to any version of 5 it is working fine, upgrading to 6 or version 7 not working, getting <strong>Uncaught ReferenceError: Highcharts is not defined</strong></p>