[Bug]: Automatic publicPath is not supported in this browser.

Contact Details

No response

What happened?

Hi,

I am migrating from react-particles-js, while the trying to setup the new tsprticles, i run into this issue: Automatic publicPath is not supported in this browser

I do have to note that the old system is using requirejs and that we dont implement webpack into this system

I have both tested via Vanilla and Via React, but both times the tsparticles failes to load.

When i dis into the code i see that you try to check to load the script tags and search if the script is loaded. Problem i assume is requirejs, that dynamic load the script based on the require function

Any help is welcome, as this blocks the loading of our login system, only alternative for now is or go back to old system or remove tsParticles 😦

Version

1.4.0

Which library are you using?

Vanilla (tsparticles), React.js (react-tsparticles, react-particles-js)

tsParticles Configuration

tsParticles.load("ReactParticles", {
            particles: {
                number: {
                    value: 100
                },
                color: {
                    value: "random",
                    animation: {
                        enable: true,
                        speed: 50,
                        sync: false
                    }
                },
                shape: {
                    type: "circle",
                },
                size: {
                    value: 5,
                    random: true,
                    animation: {
                        enable: true,
                        speed: 16,
                        minimumValue: 0.1,
                        sync: false
                    }
                },
                links: {
                    enable: true,
                    distance: 100,
                    color: "random",
                    opacity: 0.4,
                    width: 1
                },
                move: {
                    enable: true,
                },
            },
            interactivity: {
                detectsOn: "canvas",
                events: {
                    onHover: {
                        enable: true,
                        mode: "repulse"
                    },
                    onClick: {
                        enable: true,
                        mode: "bubble"
                    },
                    resize: true
                },
                modes: {
                    grab: {
                        distance: 400,
                        links: {
                            opacity: 1
                        }
                    },
                    bubble: {
                        distance: 400,
                        size: 40,
                        duration: 2,
                        opacity: 0.8
                    },
                    repulse: {
                        distance: 200
                    },
                    push: {
                        quantity: 4
                    },
                    remove: {
                        quantity: 2
                    }
                }
            },
            detectRetina: true,
        });

What browsers are you seeing the problem on?

No response

Relevant log output

No response

Code of Conduct

• I agree to follow this project’s Code of Conduct

[vmcfire]

I have a similar problem. My stackblitz: https://stackblitz.com/edit/angular-ivy-ahxyki?file=src/app/app.component.ts

[matteobruni]

As you close this does this mean that in the next release the issue can be fixed?

I can’t replicate the issue, I got no informations about that in days.