weird situations and errors with nginx / pm2

[magic-thomas]

I am not much familiar much with sveltekit ,nodejs nor pm2.

But I think I have very weird situation.

If my app run on local or remote server ip, it works good.

But if it runs with domain name with https( https://mydomain.com/ ), these errors come out often, NOT every time.

/_app/immutable/chunks/2.911bf9f6.mjs net::ERR_ABORTED 503

/_app/immutable/entry/_error.svelte.4387a6bd.mjs net::ERR_ABORTED 429 app.a98782ed.mjs:1 TypeError: Failed to fetch dynamically imported module:

_app/immutable/chunks/1.1a0675af.mjs net::ERR_ABORTED 429

start.4d6997de.mjs:3 Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: /immutable/chunks/1.1a0675af.mjs
/:1 Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: /_app/immutable/chunks/1.1a0675af.mjs

I run my app with @sveltejs/adapter-node with nginx.

// svelte.config.js

import adapter from '@sveltejs/adapter-node';
import { vitePreprocess } from '@sveltejs/kit/vite';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    preprocess: vitePreprocess(),

    kit: {
        adapter: adapter()
    }
};

export default config;

// ecosystem.config.cjs

module.exports = {
    apps: [
        {
            name: 'my-stream-app', 
            script: 'build/index.js',
            instances: 6,
            exec_mode: 'cluster',
            env: {
                PORT: 3001,
                NODE_ENV: "development"
            }
        }
    ]
};

// nginx-mydomain.conf 

upstream sveltekit {
    server 127.0.0.1:3001;
    keepalive 8;
    keepalive_timeout 15;
}

server {
    listen 80;
    listen 443 ssl;
    server_name mydomain.com;

    ssl_certificate /my.pem;
    ssl_certificate_key /my.key;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2 TLSv1.3;

    location / {

        limit_req zone=rate_limit_error burst=10 delay=1000;

        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-NginX-Proxy true;
        proxy_set_header X-Forwarded-Proto $scheme;

        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;

        proxy_pass http://sveltekit;
        proxy_buffering off;

        error_page 502 = @static;
    }
    
    location @static {
        try_files $uri /index.html =502;
    }
}

I run my app as like this.

npm run build
pm2 restart ecosystem.config.cjs --env env --node-args='--max-old-space-size=1024'

The error occurs in case of real domain name with https protocol.

And It works ok once in a while with https://real-domain-name.com .

Real server IP access ( http://123.123.123.123 ) does not show errors.

Can somebody give me tips to fix ?

[magic-thomas]

Now I am guessing that it is because of connection limit in nginx.

in my nginx.conf

I had this line

	limit_conn_zone "$http_cf_connecting_ip" zone=perip:100m;
	limit_conn perip 2;

So it blocked multiple links.

I dont know how to set up this.

But when it fiexed limit_conn perip 20;, no errors came out.

I think it is because of the connection limit.

Anybody, who has trouble with Anybody who has problem with Uncaught (in promise) TypeError: Failed to fetch dynamically imported module:,

think if this is the reason.

Thanks guys for corcerns.