Node-vibrant: this.WorkerClass Π½Π΅ являСтся конструктором

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 29 янв. 2019  Β·  15ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: Vibrant-Colors/node-vibrant

ΠŸΡ€ΠΈΠ²Π΅Ρ‚, я ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽ эту ΠΎΡˆΠΈΠ±ΠΊΡƒ с ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ ΠΈΠ· Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ:

Π² ΠΎΠ±Π΅Ρ‰Π°Π½ΠΈΠΈ) TypeError: this.WorkerClass Π½Π΅ являСтся конструктором.

Π­Ρ‚ΠΎ ΠΌΠΎΠΉ ΠΊΠΎΠ΄:

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

Π― ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ React .

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

@ivgtr Π’Π°ΡˆΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ

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

ВсС 15 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π― Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ»ΡƒΡ‡Π°ΡŽ Ρ‚Ρƒ ΠΆΠ΅ ΠΎΡˆΠΈΠ±ΠΊΡƒ ΠΏΡ€ΠΈ ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠ΅ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π² React, поТалуйста, ΠΏΠΎΠΌΠΎΠ³ΠΈΡ‚Π΅.

Π˜Π·Π²ΠΈΠ½ΠΈΡ‚Π΅ Π·Π° ΠΏΡƒΡ‚Π°Π½ΠΈΡ†Ρƒ. ΠœΡ‹ всС Π΅Ρ‰Π΅ Π΄ΠΎΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹.

Для этого Π²Π°ΠΌ понадобится webpack ΠΈ worker-loader.
Π‘ΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹ находятся Π² Π²Π΅Ρ‚ΠΊΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ:
https://github.com/akfish/node-vibrant/tree/develop#webpack -configuration

Π― сдСлаю всС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π²Ρ‹ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π²ΡΡ‚Ρ€ΠΎΠ΅Π½Π½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ этого, Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‰ΡƒΡŽ Π²Π΅Π±-ΠΏΠ°ΠΊΠ΅Ρ‚Π°. Π₯ронология колСблСтся, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Ρƒ мСня ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ со Π·Π΄ΠΎΡ€ΠΎΠ²ΡŒΠ΅ΠΌ Π² сСмьС, поэтому Π½Π°Π±Π΅Ρ€ΠΈΡ‚Π΅ΡΡŒ тСрпСния :)

Π’Π° ΠΆΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°, Π½ΠΎ с использованиСм vue.js

Π’Π° ΠΆΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Angular 7 :)

Π’Π° ΠΆΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с Vue.js
ИспользованиС Webpack

@AggressivelyMeows , @MadReal ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ вас установлСн Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ, ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΡŽ Π²Π΅Π±-ΠΏΠ°ΠΊΠ΅Ρ‚Π°. Π’ случаС использования Vue Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ vue.config.js .

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

ΠŸΡ€ΠΈΠ²Π΅Ρ‚. НС ΠΌΠΎΠ³Ρƒ Π½Π°ΠΉΡ‚ΠΈ способ Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ. Π£ мСня Π΅ΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ Π² ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ ΠΌΠΎΠ΅Π³ΠΎ Π²Π΅Π±-ΠΏΠ°ΠΊΠ΅Ρ‚Π°, Π½ΠΎ всС Π΅Ρ‰Π΅ Π΅ΡΡ‚ΡŒ ошибка ...

@akfish Π΅ΡΡ‚ΡŒ ΠΈΠ΄Π΅ΠΈ?

ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, ΠΈΠ·Π±Π΅Π³Π°ΠΉΡ‚Π΅ нСпосрСдствСнной ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²ΠΊΠΈ ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‰ΠΈΡ… - FWIW Π― ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΡ… ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‰ΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Π•ΡΡ‚ΡŒ Π»ΠΈ способ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΌΠ½Π΅ минимальноС воспроизвСдСниС, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ я ΠΌΠΎΠ³ Π±Ρ‹ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ? Π― Π½Π΅ ΠΌΠΎΠ³Ρƒ воспроизвСсти

Π’ настоящСС врСмя npmjs ΠΈΠΌΠ΅Π΅Ρ‚ Π°Π»ΡŒΡ„Π°-Π²Π΅Ρ€ΡΠΈΡŽ, Ρ€Π°ΡΠΏΡ€ΠΎΡΡ‚Ρ€Π°Π½ΡΠ΅ΠΌΡƒΡŽ ΠΊΠ°ΠΊ послСднюю Π²Π΅Ρ€ΡΠΈΡŽ.
Π’ ΠΌΠΎΠ΅ΠΌ случаС (ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Nuxt.js) я ΠΏΠΎΠ½ΠΈΠ·ΠΈΠ» Π²Π΅Ρ€ΡΠΈΡŽ с Β«3.2.1-alpha.1Β» Π΄ΠΎ Β«3.1.6Β», ΠΈ ошибка Π±Ρ‹Π»Π° Ρ€Π΅ΡˆΠ΅Π½Π°.

@ivgtr Π’Π°ΡˆΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ

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

@ivgtr Ρ€Π΅ΡˆΠ΅Π½Π°! Π‘Π»Π°Π³ΠΎΠ΄Π°Ρ€Π½ΠΎΡΡ‚ΡŒ!
Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ ΠΊΠΎΠ½Ρ„ΠΈΠ³ ΠΈΠ· Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΈ ΠΏΠΎΠ½ΠΈΠΆΠ΅Π½ Π΄ΠΎ [email protected]
НадСюсь, эта ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π΅ΡˆΠ΅Π½Π° Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… вСрсиях node-vibrant
ИспользованиС React ΠΈ ΠΈΠ·Π²Π»Π΅Ρ‡Π΅Π½Π½ΠΎΠ³ΠΎ прилоТСния react-create-app

поТалуйста, Π½Π΅ Π΄Π΅Π»Π°ΠΉΡ‚Π΅ Π²Ρ€ΠΎΠ΄Π΅ https://github.com/storybookjs/storybook/issues , ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠ΅ΠΉ Π΄Π΅Ρ€ΡŒΠΌΠ° webpack большС, Ρ‡Π΅ΠΌ "истинная" ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° основной Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Π‘Π΄Π΅Π»Π°ΠΉΡ‚Π΅ использованиС максимально простым, поТалуйста.

@ivgtr Π’Π°ΡˆΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ

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

Бпасибо!!!!!

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ