Chrome isn't loading my js file

Question

My page is very basic

<!DOCTYPE html>
<html>
  <head>
    <title>Title</title>
  </head>
  <body>
    <h1>Title</h1>
    <canvas id="can"></canvas>
    <video autoplay id="vid" style="cursor:pointer"></video><br>
    <script type="application/javascript;version=1.7" src="8bit.js"></script>
  </body>
</html>

It loads the JavaScript Firefox, but does not in Chrome.

If I copy and paste the contents of the JavaScript file into the console in Chrome, then it runs fine.

Why doesn't it load from the script tag in Chrome?

I read "Chrome isn't loading my life". Chrome is such a sick dude sometimes. — axelduch, Aug 17 '15 at 12:40

Praveen Kumar Purushothaman · Accepted Answer · 2015-08-17T12:43:55.523

6

Essence from the MDN about let keyword:

The keyword let is supported in Chrome only for testing purposes only in the Console and not in the normal flow. Chrome doesn't support let but Firefox does.

Replace the following:

<script type="application/javascript;version=1.7" src="8bit.js"></script>

With:

<script type="text/javascript" src="8bit.js"></script>

Chrome makes a strict decision on type attribute. So please use that carefully. Only for Firefox, this is valid:

Only available to code blocks in HTML wrapped in a <script type="application/javascript;version=1.7"> block (or higher version). Beware, however, that as this is a non-standard feature, this will most likely break support for other browsers. XUL script tags have access to these features without needing this special block.

Workaround for Chrome:

To enable these special keywords, add the following code on the top of the script block:

"use strict";

edited Aug 17 '15 at 12:43

answered Aug 17 '15 at 12:33

Praveen Kumar Purushothaman

164,888
24
203
252

This causes problems because I'm using the `let` keyword in for loops. – Matt Ellen Aug 17 '15 at 12:34
@MattEllen What happens when you use my solution? – Praveen Kumar Purushothaman Aug 17 '15 at 12:34
It stops working in bot firefox and chrome. `SyntaxError: let is a reserved identifier` is the error in firefox. there is no error in chrome. – Matt Ellen Aug 17 '15 at 12:37
@MattEllen Yes, those extensions are not ECMA-Standard, they are supported only by the Mozilla implementation. – Praveen Kumar Purushothaman Aug 17 '15 at 12:37
OK, thanks. I will post a new question about `let` – Matt Ellen Aug 17 '15 at 12:38
@MattEllen I have added a workaround. – Praveen Kumar Purushothaman Aug 17 '15 at 12:39
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/87165/discussion-between-matt-ellen-and-praveen-kumar). – Matt Ellen Aug 17 '15 at 12:39

score 1 · Answer 2 · edited Aug 17 '15 at 12:44

1

You use the doctype for HTML5, and the script default is javascript, so this will also work:

<script src="8bit.js"></script>

edited Aug 17 '15 at 12:44

Praveen Kumar Purushothaman

164,888
24
203
252

answered Aug 17 '15 at 12:35

Ori Drori

183,571
29
224
209

Your answer is technically correct for the question. The type attribute is no longer needed as it will default to `text/javascript`. OP did not say in his question that he was testing experimental ES6 functionality. So, +1 ! – blex Aug 17 '15 at 12:39
1

Thanks - btw you've saved my dignity :) – Ori Drori Aug 17 '15 at 12:44
It was the same thing I said. But the issue is different. I removed my downvote. – Praveen Kumar Purushothaman Aug 17 '15 at 12:45

Chrome isn't loading my js file

2 Answers2