Node-vibrant: this.WorkerClass is not a constructor

Created on 29 Jan 2019 · 15Comments · Source: Vibrant-Colors/node-vibrant

Hi, I am getting this error with the example from the docs:

in promise) TypeError: this.WorkerClass is not a constructor.

This is my code:

console.log(src); Vibrant.from(src).getPalette() .then((palette) => console.log(palette))

I am using React.

Source

stelasido

👍23

Most helpful comment

@ivgtr Your solution worked perfectly to resolve this issue!

npm remove node-vibrant && npm install [email protected]

micahlt on 19 Dec 2020

👍7 ❤3 🎉3

All 15 comments

I'm also getting the exact same error when trying to implement the example in React, please help.

ankile on 7 Feb 2019

Sorry for the confusion. We are still finalizing the docs.

You will need webpack and worker-loader for this to work.
Relevant docs are in the develop branch:
https://github.com/akfish/node-vibrant/tree/develop#webpack-configuration

akfish on 8 Feb 2019

👍1

I'll do my best to take a look at how we can ship down a built version of this that doesn't require webpack. Timeline is hesitant, as I have some family health problems, so please be patient :)

crutchcorn on 22 Feb 2019

👍5

Same problem, using vue.js though

MadReal on 22 Feb 2019

Same problem, using Angular 7 :)

markmakes on 9 Mar 2019

Same problem with Vue.js
Using Webpack

AggressivelyMeows on 12 May 2019

@AggressivelyMeows, @MadReal make sure you have worker-loader installed and change webpack configuration. In case of using Vue, you need to edit vue.config.js.

//vue.config.js
module.exports = {
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.worker\.js$/,
          use: { loader: "worker-loader" }
        }
      ]
    }
  },
}

YourWeebyNeighbor on 12 May 2019

Hi. Can't find a may to make it work. I have the loader in my webpack config but still have the error...

nkCreation on 3 Dec 2020

@akfish any ideas ?

nkCreation on 14 Dec 2020

Please avoid tagging maintainers directly - FWIW I'm one the current maintainer of the project.

Is there any way someone could provide a minimal reproduction that I can take a look into? I'm not able to reproduce

crutchcorn on 14 Dec 2020

Currently, npmjs has an alpha version distributed as a latest version.
In my case(use Nuxt.js), I downgraded from "3.2.1-alpha.1" to "3.1.6", and the error was solved.

ivgtr on 18 Dec 2020

👍2

@ivgtr Your solution worked perfectly to resolve this issue!

npm remove node-vibrant && npm install [email protected]

micahlt on 19 Dec 2020

👍7 ❤3 🎉3

@ivgtr solved! thanks!
added config from docs and downgraded to [email protected]
Hope this issue will be solved in next versions of node-vibrant
Using React and ejected react-create-app

vova42matters on 4 Jan 2021

please not make like https://github.com/storybookjs/storybook/issues , as you see there is more issue for webpack crap config than "true" issue of the main functionnality.

Make usage easiest possible please.