title: Refused to apply style from [Link] because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled
body: <p><strong>Error Message:</strong></p>
  
  <p>jquery.dataTables.min.js:23 Uncaught TypeError: Cannot read property 'length' of undefined
      at Ha (jquery.dataTables.min.js:23)
      at HTMLTableRowElement. (jquery.dataTables.min.js:16)
      at jquery-1.12.4.js:142
      at Function.map (jquery-1.12.4.js:484)
      at jQuery.fn.init.map (jquery-1.12.4.js:141)
      at ma (jquery.dataTables.min.js:16)
      at e (jquery.dataTables.min.js:92)
      at HTMLTableElement. (jquery.dataTables.min.js:92)
      at Function.each (jquery-1.12.4.js:370)
      at jQuery.fn.init.each (jquery-1.12.4.js:137)</p>
  
  <p>(index):1 Refused to apply style from '<a href="https://databasetable-net.000webhostapp.com/media/css/site-examples.css?_=19472395a2969da78c8a4c707e72123a" rel="nofollow noreferrer">https://databasetable-net.000webhostapp.com/media/css/site-examples.css?_=19472395a2969da78c8a4c707e72123a</a>' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.</p>
  
  <p><strong>Code:</strong> 
  Ironically, this same code on Codepen works with no error.</p>
  
  <pre><code>    &lt;html&gt;
      &lt;head&gt;
      &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;
      &lt;title&gt;DataTables example&lt;/title&gt;
      &lt;link rel="shortcut icon" type="image/png" href="/media/images/favicon.png"&gt;
      &lt;link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.datatables.net/rss.xml"&gt;
      &lt;link rel="stylesheet" type="text/css" href="/media/css/site-examples.css?_=19472395a2969da78c8a4c707e72123a"&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"&gt;
      &lt;style class="init"&gt; &lt;/style&gt;
      &lt;script type="text/javascript" src="/media/js/site.js?_=7a5408ceb64d5d41e4b1bfb3712796ab"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="/media/js/dynamic.php?comments-page=examples%2Fdata_sources%2Fdom.html" async&gt;&lt;/script&gt;
      &lt;script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" language="javascript" src="../resources/demo.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" class="init"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready( function () {
      console.log("Jquery ready");
        $('#example').dataTable( {
        });
  });     
    &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;table id="example" class="display" style="width:100%"&gt;
  &lt;thead&gt;
     &lt;tr&gt;
        &lt;th&gt;
           &lt;a class="column_sort" id="id" href="?order=id&amp;sort=&lt;?php echo $sort; ?&gt;"&gt;
              ID&lt;/a&gt;
        &lt;/th&gt;
        &lt;th&gt;&lt;a class="column_sort" id="first_name" href="?order=first_name&amp;sort=&lt;?php echo $sort; ?&gt;"&gt;First Name
        &lt;/a&gt;
        &lt;/th&gt;
        &lt;th&gt;&lt;a class="column_sort" id="last_name" href="?order=last_name&amp;sort=&lt;?php echo $sort; ?&gt;"&gt;Last Name
           &lt;/a&gt;
        &lt;/th&gt;
        &lt;th&gt;&lt;a class="column_sort" id="position" href="?order=position&amp;sort=&lt;?php echo $sort; ?&gt;"&gt;Position
           &lt;/a&gt;
        &lt;/th&gt;
        &lt;th class="hidden-xs"&gt;&lt;a class="column_sort" id="date" href="?order=date&amp;sort=&lt;?php echo $sort; ?&gt;"&gt;Date
           &lt;/a&gt;
        &lt;/th&gt;
        &lt;th class="hidden-xs"&gt;
           &lt;a class="column_sort" id="updated" href="?order=updated&amp;sort=&lt;?php echo $sort; ?&gt;"&gt;
              Updated&lt;/a&gt;
        &lt;/th&gt;
        &lt;th&gt;Action&lt;/th&gt;
  &lt;/thead&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p><strong>Possibly solutions:</strong> I tried many but here were some:</p>
  
  <p>Add datatype:json (but I am not using Ajax, but I tried using it anyway under Jquery with no effect)</p>
  
  <p>Add 
  Header always set X-Content-Type-Options nosniff<br>
   (not exactly sure where to put this but tried many places and did not seem to work) </p>
  
  <p>Changed application/javascript from text/javascript (but did nothing)</p>
  
  <p>I am unable to post comments yet, so I was told to make a new topic based upon my problem The ironic part is that this same code works on CodePen.</p>