Filament•2y ago

MIME type ('text/html') is not executable, and strict MIME type checking is enabled

ps://arknext.io/filament/assets/app.js?id=9cf00a680eed0bca655a7d74a5f4ce67 net::ERR_ABORTED 404 admin:1 Refused to execute script from 'https://arknext.io/filament/assets/app.js?id=9cf00a680eed0bca655a7d74a5f4ce67' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. any idea why i get this in production , im using nginx

27 Replies

vasOP•2y ago

this is mime.types

message.txt

vasOP•2y ago

this only happens in chrome , firefox seems fine

Dennis Koch•2y ago

JS is returned with mime type text/html. You probably just need to add a mime type for JS

vasOP•2y ago

is there isn't it ? application/javascript js;

Dan Harrin•2y ago

check the default forge nginx config because it works out of the box with all official laravel environments

vasOP•2y ago

is that something that is public ?

Dennis Koch•2y ago

Ah, sorry. Search didn't work 🤦🏼‍♂️ Seems like it isn't applied properly. Did you adjust anything? If yes: Did you restart nginx?

vasOP•2y ago

i didn't change anything this is the entry in the nginx.cfg

   # MIME
    include                mime.types;
    default_type           application/octet-stream;

   # MIME
    include                mime.types;
    default_type           application/octet-stream;

Dan Harrin•2y ago

this is the forge config for demo.filamentphp.com

# FORGE CONFIG (DO NOT REMOVE!)
include forge-conf/demo.filamentphp.com/before/*;

server {
    listen 80;
    listen [::]:80;
    server_name demo.filamentphp.com;
    server_tokens off;
    root /home/forge/demo.filamentphp.com/public;

    # FORGE SSL (DO NOT REMOVE!)
    # ssl_certificate
    # ssl_certificate_key

    ssl_protocols TLSv1.2 TLSv1.3;
    ssl_ciphers ...
    ssl_prefer_server_ciphers off;
    ssl_dhparam /etc/nginx/dhparams.pem;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-XSS-Protection "1; mode=block";
    add_header X-Content-Type-Options "nosniff";

    index index.html index.htm index.php;

    charset utf-8;

    # FORGE CONFIG (DO NOT REMOVE!)
    include forge-conf/demo.filamentphp.com/server/*;

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    access_log off;
    error_log  /var/log/nginx/demo.filamentphp.com-error.log error;

    error_page 404 /index.php;

    location ~ \.php$ {
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        fastcgi_pass unix:/var/run/php/php8.1-fpm.sock;
        fastcgi_index index.php;
        include fastcgi_params;
    }

    location ~ /\.(?!well-known).* {
        deny all;
    }
}

# FORGE CONFIG (DO NOT REMOVE!)
include forge-conf/demo.filamentphp.com/after/*;

# FORGE CONFIG (DO NOT REMOVE!)
include forge-conf/demo.filamentphp.com/before/*;

server {
    listen 80;
    listen [::]:80;
    server_name demo.filamentphp.com;
    server_tokens off;
    root /home/forge/demo.filamentphp.com/public;

    # FORGE SSL (DO NOT REMOVE!)
    # ssl_certificate
    # ssl_certificate_key

    ssl_protocols TLSv1.2 TLSv1.3;
    ssl_ciphers ...
    ssl_prefer_server_ciphers off;
    ssl_dhparam /etc/nginx/dhparams.pem;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-XSS-Protection "1; mode=block";
    add_header X-Content-Type-Options "nosniff";

    index index.html index.htm index.php;

    charset utf-8;

    # FORGE CONFIG (DO NOT REMOVE!)
    include forge-conf/demo.filamentphp.com/server/*;

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    access_log off;
    error_log  /var/log/nginx/demo.filamentphp.com-error.log error;

    error_page 404 /index.php;

    location ~ \.php$ {
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        fastcgi_pass unix:/var/run/php/php8.1-fpm.sock;
        fastcgi_index index.php;
        include fastcgi_params;
    }

    location ~ /\.(?!well-known).* {
        deny all;
    }
}

# FORGE CONFIG (DO NOT REMOVE!)
include forge-conf/demo.filamentphp.com/after/*;

we havent changed anything

vasOP•2y ago

ok let me dig in thanks

Dennis Koch•2y ago

Is this inside the http section?

vasOP•2y ago

my config is pretty much the same i found this post here

vasOP•2y ago

https://gist.github.com/leeovery/a7782156d2dc6fa8fd4e187ff1c61dfc

Gist

Modified Nginx configuration file for servers provisioned by Larave...

Modified Nginx configuration file for servers provisioned by Laravel Forge - nginx.conf

vasOP•2y ago

that has this extra bit in nginx.cfg Update charset_types due to updated mime.types charset_types text/xml text/plain text/vnd.wap.wml application/x-javascript application/rss+xml text/css application/javascript application/json; now the only error im getting is

ps://arknext.io/filament/assets/app.js?id=9cf00a680eed0bca655a7d74a5f4ce67 net::ERR_ABORTED 404

ps://arknext.io/filament/assets/app.js?id=9cf00a680eed0bca655a7d74a5f4ce67 net::ERR_ABORTED 404

vasOP•2y ago

https://gyazo.com/cb16d5b1deec7c140cd01d8a05e51451

Gyazo

Dennis Koch•2y ago

Oh. So the issue wasn't that it send the wrong mime type, but that it sent a 404 and therefore not JS but an HTML error message

vasOP•2y ago

yea sry i should've put that in as well

Dennis Koch•2y ago

Do you have this line in your nginx config? Because the request for the JS file must be routed through Laravel.

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

vasOP•2y ago

https://gyazo.com/5e4a0600fc560ffdeb6c5c2ef45b8d87

Gyazo

Dennis Koch•2y ago

Hm. Weird since it works with livewire.js but not with Filament JS

vasOP•2y ago

could it be something from cloudflare

Dennis Koch•2y ago

That's what I just thought. But still weird if it works with livewire.js

vasOP•2y ago

hmm i disabled the proxy in the dns settings on cloudflare and enabled it again purge chrome cache its working now

vasOP•2y ago

https://gyazo.com/e9b41ef01d2aeb7e49aaad889391f483

Gyazo

vasOP•2y ago

no errors 🙂

Dennis Koch•2y ago

Nice 👌🏼

vasOP•2y ago

thanks for your help

Gaming

Programming

MIME type ('text/html') is not executable, and strict MIME type checking is enabled