ng5 рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдиреЛрдб-рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реИред рдЗрд╕рд▓рд┐рдП рдореИрдВ npm рдкреИрдХреЗрдЬ рдХреЛ рдЖрдпрд╛рдд рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВ
рдЖрдпрд╛рдд рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ = рдЖрд╡рд╢реНрдпрдХрддрд╛ ('рдиреЛрдб-рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ');
//рдпрд╛
'рдиреЛрдб-рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ' рд╕реЗ рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ рдЖрдпрд╛рдд рдХрд░реЗрдВ;
//рдпрд╛
рдЖрдпрд╛рдд * 'рдиреЛрдб-рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ/src/рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ' рд╕реЗ рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ рдХреЗ рд░реВрдк рдореЗрдВ;
//рдпрд╛
рдЖрдпрд╛рдд рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ = рдЖрд╡рд╢реНрдпрдХрддрд╛ ('рдиреЛрдб-рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ/src/рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ')
рдмрд┐рдирд╛ рд╕рдлрд▓рддрд╛ рдХреЗ ред
рдореИрдВ рдЗрд╕реЗ рдЗрд╕ рддрд░рд╣ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ
declare var Vibrant :any;
Vibrant.from('this.toPlayRadio.pic').getPalette(function(err, palette) {
console.log(palette);
});
but it return an error when use it
TypeError: this._canvas is undefined
Stack trace:
TypeError: this._canvas is undefined
BroswerImage.prototype.remove@http://localhost:8080/node_modules/node-vibrant/dist/vibrant.js:12676:9
Vibrant.prototype.getPalette/<@http://localhost:8080/node_modules/node-vibrant/dist/vibrant.js:7103:43
finallyHandler@http://localhost:8080/node_modules/node-vibrant/dist/vibrant.js:2593:15
tryCatcher@http://localhost:8080/node_modules/node-vibrant/dist/vibrant.js:5910:16
[22]_settlePromiseFromHandler@http://localhost:8080
...
and this is my tsconfig.json file
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false,
"noStrictGenericChecks": true,
"skipLibCheck": true,
"allowSyntheticDefaultImports": true
}
and i use
"typescript": "^2.6.2",
so i am wondering how to use node-vibrant with ng5 , and how to correctly import it in ts class
рдЖрдпрд╛рдд ('рдиреЛрдб-рд╡рд╛рдЗрдмреНрд░реЗрдВрдЯ')ред рддрдм ((рдЬреАрд╡рдВрдд) => {
// рдпрд╣рд╛рдВ рдХреЛрдб
})
@amirping , рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореБрджреНрджрд╛ рдпрд╣ рд╣реИ рдХрд┐ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдЫрд╡рд┐ рд▓реЛрдб рдХрд░рдиреЗ рдореЗрдВ рд╡рд┐рдлрд▓ рд╣реЛ рд░рд╣рд╛ рд╣реИред #61 рдореЗрдВ, рдпрд╣ рдХрдорд┐рдЯ рджреЗрдЦреЗрдВред
@amirping
рдореИрдВ рдЗрд╕реЗ рдиреАрдЪреЗ рдХреЗ рд░реВрдк рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рдХрд╛рдордпрд╛рдм рд░рд╣рд╛-
const vibrant = require('node-vibrant');
v 3.1.1
рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ, рдХреНрдпрд╛ рд╣рдо рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ import Vibrant = require('node-vibrant')
рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ?
@рдХреНрд░рдЪрдХреЙрд░реНрди
import Vibrant = require('node-vibrant')
рдФрд░ const Vibrant = require('node-vibrant')
рджреЛрдиреЛрдВ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА
рдкреВрд░реНрд╡ #90 рджреЗрддрд╛ рд╣реИред рдмрд╛рдж рд╡рд╛рд▓рд╛ #85 рджреЗрддрд╛ рд╣реИред
рдкрд░реАрдХреНрд╖рдг рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдореИрдВ рдЗрд╕ рд╕рдкреНрддрд╛рд╣ рдХрд░реАрдм рд╕реЗ рджреЗрдЦреВрдВрдЧрд╛
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
@рдХреНрд░рдЪрдХреЙрд░реНрди
import Vibrant = require('node-vibrant')
рдФрд░const Vibrant = require('node-vibrant')
рджреЛрдиреЛрдВ рдХреА рдХреЛрд╢рд┐рд╢ рдХреАрдкреВрд░реНрд╡ #90 рджреЗрддрд╛ рд╣реИред рдмрд╛рдж рд╡рд╛рд▓рд╛ #85 рджреЗрддрд╛ рд╣реИред