Node-vibrant: this.WorkerClassλŠ” μƒμ„±μžκ°€ μ•„λ‹™λ‹ˆλ‹€.

에 λ§Œλ“  2019λ…„ 01μ›” 29일  Β·  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μ—μ„œ 예제λ₯Ό κ΅¬ν˜„ν•˜λ €κ³  ν•  λ•Œλ„ λ˜‘κ°™μ€ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€. λ„μ™€μ£Όμ„Έμš”.

ν˜Όλž€μ„ λ“œλ € μ£„μ†‘ν•©λ‹ˆλ‹€. μš°λ¦¬λŠ” μ—¬μ „νžˆ λ¬Έμ„œλ₯Ό λ§ˆλ¬΄λ¦¬ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

이 μž‘μ—…μ„ μˆ˜ν–‰ν•˜λ €λ©΄ μ›ΉνŒ©κ³Ό μž‘μ—…μž λ‘œλ”κ°€ ν•„μš”ν•©λ‹ˆλ‹€.
κ΄€λ ¨ λ¬Έμ„œλŠ” 개발 뢄기에 μžˆμŠ΅λ‹ˆλ‹€.
https://github.com/akfish/node-vibrant/tree/develop#webpack -ꡬ성

webpack이 ν•„μš”ν•˜μ§€ μ•Šμ€ λΉŒλ“œ 버전을 μ œκ³΅ν•˜λŠ” 방법을 μ‚΄νŽ΄λ³΄κΈ° μœ„ν•΄ μ΅œμ„ μ„ λ‹€ν•  κ²ƒμž…λ‹ˆλ‹€. κ°€μ‘± 건강에 λ¬Έμ œκ°€ μžˆμ–΄ νƒ€μž„λΌμΈμ΄ λœΈν•˜λ‹ˆ 쑰금만 κΈ°λ‹€λ €μ£Όμ„Έμš”:)

vue.jsλ₯Ό μ‚¬μš©ν•˜λ”λΌλ„ λ™μΌν•œ 문제

Angular 7을 μ‚¬μš©ν•˜λŠ” λ™μΌν•œ 문제 :)

Vue.js와 λ™μΌν•œ 문제
μ›ΉνŒ© μ‚¬μš©

@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 처럼 λ§Œλ“€μ§€ λ§ˆμ„Έμš”. μ›ΉνŒ© ꡬ성에 λŒ€ν•œ μ£Όμš” κΈ°λŠ₯의 "μ§„μ •ν•œ" λ¬Έμ œλ³΄λ‹€ 더 λ§Žμ€ λ¬Έμ œκ°€ μžˆμŒμ„ μ•Œ 수 μžˆμŠ΅λ‹ˆλ‹€.

μ΅œλŒ€ν•œ μ‰½κ²Œ μ‚¬μš©ν•˜μ„Έμš”.

@ivgtr κ·€ν•˜μ˜ μ†”λ£¨μ…˜μ€ 이 문제λ₯Ό μ™„λ²½ν•˜κ²Œ ν•΄κ²°ν–ˆμŠ΅λ‹ˆλ‹€!

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

감사 ν•΄μš”!!!!!

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰