ParticlesJS is not defined

Hello, I’ve been trying to get particles js to work with vuepress. On my config I have:

head: [
    ['script', {src: 'https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js'}]
]

It works when I run vuepress dev but as soon as I try to build with vuepress build I get the error saying ParticlesJS is not defined even though it is there and working.

[lindelof]

First I recommend you use this library, https://github.com/lindelof/particles-bg-vue.

Then the problem you mentioned is solved here https://github.com/nordicgiant2/vue-nice-homepage/blob/master/docs/.vuepress/components/Homepage.vue

[ulivz]

If you have some scripts which rely on the loading script, it actually means that you are accessing window, which will offend the Browser API Access Restrictions

For solving your problem, you should install it at your project and externalize it:

yarn add particles.js -S

// .vuepress/config.js
module.exports = {
   chainWebpack(config) {
      config.externals({
         'particles.js': 'ParticlesJS'
      })
   }
}

In you client code, you should using es import instead of window.ParticlesJS:

import ParticlesJS from 'particles.js'