ng5プロジェクトでnode-vibrantを使用しようとしています。 だから私はnpmパッケージをインポートしようとします
import Vibrant = require( 'node-vibrant');
//また
'node-vibrant'からVibrantをインポートします;
//また
import * as Vibrant from'node-vibrant / src / vibrant ';
//また
import Vibrant = require( 'node-vibrant / src / vibrant')
成功せずに。
私はそれをそのように使おうとします
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
import( 'node-vibrant')。then((vibrant)=> {
//ここにコーディング
})
@amirping 、問題はライブラリが画像の読み込みに失敗していることだと思います。 #61では、このコミットを参照してください。
@amirping
私はそれを以下のように使用することができました-
const vibrant = require('node-vibrant');
v 3.1.1
を使用して、 import Vibrant = require('node-vibrant')
使用が機能することを確認できますか?
@crutchcorn
import Vibrant = require('node-vibrant')
とconst Vibrant = require('node-vibrant')
両方を試しました
前者は#90を与えます。 後者は#85を与えます。
テストしていただきありがとうございます。 今週詳しく見ていきます
最も参考になるコメント
@crutchcorn
import Vibrant = require('node-vibrant')
とconst Vibrant = require('node-vibrant')
両方を試しました前者は#90を与えます。 後者は#85を与えます。