Installing and upgrading help

Wrong mime types for CSS/JS resources

 
Picture of Greg Robson
Wrong mime types for CSS/JS resources
 

Hi,

I've installed Moodle (first time in several years) and it has mostly gone according to plan. On loading the home page I don't get the CSS and JS resources.

I'm getting errors of "Resource interpreted as Stylesheet but transferred with MIME type text/html:" and the JS files are not being loaded either. Is there something specific I need to do to fix the mime types?

I'm running:

  • Moodle 3.4 (Latest Stable)
  • PHP 7.1.13
  • Nginx 1.13.3
  • PostgreSQL 10.1

I've tried a few solutions after Googling the error message, but nothing has worked so far?



 
Average of ratings: -
Picture of Greg Robson
Re: Wrong mime types for CSS/JS resources
 

For anyone else facing this issue, be sure to set up your Nginx rules prior to installation.

https://docs.moodle.org/34/en/Nginx

It is mentioned in the documentation. Just as feedback the documentation says that some "links and pointers are at Installing AMPIISNginx." ... and that they are helpful - they do not say that it's an explicit requirement for a working installation.

This might be why I was also having issues using the web installer.

 
Average of ratings: Useful (1)
Picture of Raketen Wissenschaft
Re: Wrong mime types for CSS/JS resources
 

Is my issue related to that? https://moodle.org/mod/forum/discuss.php?d=363937


Thanks,

Florian

 
Average of ratings: -
Picture of Greg Robson
Re: Wrong mime types for CSS/JS resources
 

Most likely! Moodle calls urls that have a file path after a script path. e.g.

http://moodle.domain/lib/javascript.php/1515751172/lib/javascript-static.js

...after http://moodle.domain/lib/javascript.php there is a path: /1515751172/lib/javascript-static.js - Nginx is getting confused as it doesn't realise there's an argument to a script.


 
Average of ratings: Useful (1)
Picture of Matteo Scaramuccia
Re: Wrong mime types for CSS/JS resources
Core developersParticularly helpful MoodlersPlugin developers

Hi Greg,
that is called PATH_INFO, which Moodle calls slasharguments and supporting slasharguments is recommended by Moodle by default unless you configure Moodle to disable its usage (Site Administration > Site administration > Server > HTTP).
That's the reason why for location ~ [^/]\.php(/|$) { and fastcgi_split_path_info  ^(.+\.php)(/.+)$; .

Please, remember that it will be required some day (MDL-49114) and it is actually required by some Activities like SCORM.

HTH,
Matteo

 
Average of ratings: Useful (1)
Picture of Raketen Wissenschaft
Re: Wrong mime types for CSS/JS resources
 
Okay, the NGINX conf description fixed it. Thanks a ton!

Florian
 
Average of ratings: -