[SOLVED] Unity 2020 WebGL Doesn't work Uncaught SyntaxError: Invalid or unexpected token

Error in chrome:

Code (csharp):

1. Uncaught SyntaxError: Invalid or unexpected token
2. entershadowweb4.loader.js:1 Uncaught ReferenceError: unityFramework is not defined
3.     at HTMLScriptElement.n.onload (entershadowweb4.loader.js:1)
4. entershadowweb4.loader.js:1 [UnityCache] 'http://192.168.56.1:8000/entershadowweb4/Build/entershadowweb4.data.gz' successfully downloaded and stored in the indexedDB cache

Win10. 2020.2.0a7. Same with 2020.1.

I'm testing a build using miniweb of https://iwanplays.itch.io/enter-shadow but I also created a fresh empty project with 2020.2.0a7 and got the same result. Optimized for speed, not size.

4MB web built package: https://drive.google.com/file/d/1Kqij-8ti-K7pltZr1gr9dOdyl7zz2m-j/view?usp=sharing

 

Solution: Disable compression.



https://docs.unity3d.com/Manual/webgl-deploying.html

Solution found thanks to https://forum.unity.com/threads/uni...ressed-framework-js-file.839587/#post-5746882

 

Hey, I'm pretty new to unity and want to put my first game on itch.io.
However, whenever I run the ZIPPED file in the unpublished draft, it says "invalid token '<'"
PLEASE HELP!

 

same problem invalid token "<"

 

disabling compression is a very bad caveman solution

 

Any other solutions?

 

Enable decompression fallback

https://docs.unity3d.com/2020.2/Documentation/Manual/webgl-deploying.html

 

Thanks for this fallback solution!! This works for me. Had to get this up before the morning and I don't have access to our servers, so this was a great solution until we can make that change. It loads slowly for now, but at least it loads. And I'm assuming it loads at least a bit more quickly than skipping compression altogether.

 

I added this code to "index.html";

Code (JavaScript):

1. <meta http-equiv="content-encoding" content="gzip" />

And ".htaccess" file has this code;

Code (JavaScript):

1. <IfModule mod_mime.c>
2.   AddEncoding gzip .unityweb
3.   AddEncoding gzip .wasm
4.   AddType application/wasm .wasm
5. </IfModule>

But it doesn't work. I have to put this code to another place? Where? And did you mean a code like this or i have to use a different code?

 

"Disable Compression" is not a real solution. Why you wrote "[SOLVED]"?

 

I meant if older versions of Unity doesn't have this problem, How this can be a real solution? It is a new problem on Unity 2020. Is this a bug? Or older versions of Unity have bug?? Sorry, i am just asking these questions to myself for many months.

 

Key information is this.

 

Can you point me to a good source or documentation for the right way for server configuration. Thanks for the post.

 

here;
https://docs.unity3d.com/2020.1/Documentation/Manual/webgl-server-configuration-code-samples.html

 

It is maybe worth to add, how to check if compression is enabled on server side:

gzip:
$ curl -I -H 'Accept-Encoding: gzip' https://www.myDomain.asdf

brotli:
$ curl -I -H 'Accept-Encoding: br' https://www.myDomain.asdf

The response will be something like this:

HTTP/1.1 200 OK
Server: Apache/2.4
ETag: "ff5-5a044b137d5c0-gzip"
Accept-Ranges: bytes
Vary: Accept-Encoding
Content-Encoding: gzip
Content-Length: 1574
Content-Type: text/html

 

This is still broken with no useful error message.

 

You have to be kidding. Rolling forward to the pre-alpha quality 2021 release is only going to cause more things to be broken.

tldr; for anyone else who finds this thread:

Yes, this is effectively a breaking change in the 2020+ versions of unity; if you're here, you should probably roll back to and stick with the 2019 LTS.

 

I had the same problem on IIS.
I solved this way:

web.config in root folder

Code (JavaScript):

1. <?xml version="1.0" encoding="UTF-8"?>
2. <configuration>
3.     <system.webServer>
4.             <staticContent>
5.                 <remove fileExtension=".unityweb" />
6.                 <mimeMap fileExtension=".unityweb" mimeType="application/octet-stream" />
7.             </staticContent>
8.     </system.webServer>
9. </configuration>

web.config in 'build' folder

Code (JavaScript):

1. <?xml version="1.0" encoding="UTF-8"?>
2. <configuration>
3.     <system.webServer>
4.             <staticContent>
5.                 <remove fileExtension=".unityweb" />
6.                 <mimeMap fileExtension=".unityweb" mimeType="application/octet-stream" />
7.                 <mimeMap fileExtension=".framework.js.gz" mimeType="application/javascript" />
8.                 <mimeMap fileExtension=".data.gz" mimeType="application/octet-stream" />
9.                 <mimeMap fileExtension=".wasm.gz" mimeType="application/wasm" />
10.             </staticContent>
11.             <rewrite>
12.               <outboundRules rewriteBeforeCache="true">
13.                 <rule name="Custom gzip file header">
14.                   <match serverVariable="RESPONSE_CONTENT_ENCODING" pattern=".*" />
15.                   <conditions>
16.                     <add input="{REQUEST_URI}" pattern="\.gz$" />
17.                   </conditions>
18.                   <action type="Rewrite" value="gzip"/>
19.                 </rule>
20.               </outboundRules>
21.              
22.               <rules>
23.                 <rule name="Rewrite gzip file">
24.                   <match url="(.*)"/>
25.                   <conditions>
26.                     <add input="{HTTP_ACCEPT_ENCODING}" pattern="gzip" />
27.                     <add input="{REQUEST_FILENAME}.gz" matchType="IsFile" />
28.                   </conditions>
29.                   <action type="Rewrite" url="{R:1}.gz" />
30.                 </rule>
31.               </rules>
32.             </rewrite>
33.     </system.webServer>
34. </configuration>

Explanation

Files compiled by Unity3D are already compressed in GZIP.
IIS must only add the header 'Content-Encoding: gzip' for these files without compressing them again in gzip.

I hope this can help.

 

A tip for users of GH Pages. In 2020.2.6 (maybe earlier too) you don't have to disable compression. Instead, enable decompression fallbacks and this error will go away.

 

2020.3 and still no good diagnostic message, took me some time to get to here.

 

For nginx, DO NOT CONTAINS .gz IN index.html to refer files

If the gzip_static directive is configured for nginx, for example, for the file abc.js, nginx will first try to find the file with the .gz suffix (abc.js.gz), if it does not exist, it will look for abc.js, which means can no longer include the .gz suffix in the URL path

Obviously nginx in order to map the correct file mime type, so there is no need to map different js.gz, css.gz and wasm.gz for js, css or wasm files(Content-Type), which eliminates duplicate configuration

 

This worked for me, but I think a Compression Format has to be selected, instead of Disabled.

 

For those using node.js and express, this worked for me (probably not the bespoke right way to do it):

Code (JavaScript):

1.  
2. this.server.use(function (req, res, next) {
3.         if(req.originalUrl.endsWith("wasm.gz")){
4.             res.set("Content-Type", "application/wasm");
5.         }
6.  
7.         if(req.originalUrl.endsWith(".gz")){
8.             res.set("Content-Encoding", "gzip");
9.         }
10.  
11.         next();
12. });
13.  

Of note, it's easy to confuse Content-Type with Content-Encoding when then are quite different.

 

Using Unity 2020.3.16f1 LTS, I got this same issue, build was not loading. Enabling 'Decompression Fallback' on Player Settings fixed the issue and now game loads on the web browser. Also, since I was testing locally, I need to spin a web server to test the game so I used python web server (http.server).

Previous versions of Unity don't even have this setting (Decompression Fallback), as someone indicated above, this setting was on the backend and now has been exposed to us.

 

Thanks a lot!

I have been trying to find solution how to get this compressed build to work on azure hosted web site for days and this one fixed the issue.

 

You are a saviour my friend!

 

For IIS hosted gzip builds:

Unity3D 2021.3 Solved by the following for WebGL builds using gzip with no decompression fallback:

Go to this page and save a web.config in the build folder:
https://docs.unity3d.com/2020.1/Documentation/Manual/webgl-server-configuration-code-samples.html

I run IIS in my local machine and can see these settings take effect via IIS Manager.

For Chrome:
Then do the clear IndexedDB step from: https://forum.unity.com/threads/ran...eeded-after-unity-has-loaded-in-webgl.332956/

 

In my case it were 2 things that caused this problem.
1. I installed the WebGL Builder while my Unity was open, so close Unity, then install WebGL builder and re-open project
2. My systemclock was 3 minutes away of the current time. So synchronise System Clock

 

You,sir, are a God