aurelia-dragulaプラグインを動作させることができません

Question

aurelia-dragula pluginを調べて、私のニーズを満たしているかどうかを確認しようとしていますが、ドラッグ可能な要素をドラッグしようとすると何も起こりません。私はexampleを試したこともあり、どちらもうまくいきません。

私のカスタムテストでは、aurelia cliとnpmをインストールしたaurelia-dragula 1.2.6を使って新しいプロジェクトを作成しました。ここに私のコードです：

aurelia.json

{ 
    "name": "aurelia-dragula", 
    "path": "../node_modules/aurelia-dragula/dist/amd", 
    "main": "dragula" 
} 

main.jsブラウザログがロードされるようにプラグインを示し

aurelia.use 
    .standardConfiguration() 
    .feature('resources') 
    .plugin('aurelia-dragula'); 

ので、私はすべてがうまくていると仮定上記。

私はそうのように、カスタム要素のアプローチのための文書からサンプルHTMLとJavaScriptを使用：

app.html

<template> 
    <dragula-and-drop drop-fn.call="itemDropped(item, target, source, sibling, itemVM, siblingVM)"></dragula-and-drop> 
    <div class="drag-source drop-target"> 
     <div repeat.for="thing of things"> 
      <p style="background-color: red; color: white; width: 200px;"">${thing}</p> 
     </div> 
    </div> 
</template> 

app.js

export class App { 
    constructor() { 
     this.things = ['1', '2', '3', '4']; 
    } 

    itemDropped(item, target, source, sibling, itemVM, siblingVM) { 
     //do things in here 
    } 
} 

Answer 1

インポートを忘れていませんか？

import {Dragula} from 'aurelia-dragula'; 

Answer 2

aurelia.jsonファイルに問題があります。 これを試してみてください：

{ 
    "name": "aurelia-dragula", 
    "path": "../node_modules/aurelia-dragula/dist/amd", 
    "main": "index" 
} 

Answer 3

私はそれが少し遅く確かだけど、誰もが同じ問題を抱えている場合は、ここでアウレリア-dragulaの設定が正しいaurelia.jsonは次のとおりです。

{ 
    "name": "aurelia-dragula", 
    "path": "../node_modules/aurelia-dragula/dist/amd", 
    "main": "index", 
    "resources": [ 
     "*.js", 
     "*.html", 
     "*.css" 
    ] 
} 

問題がされそのリソースはロードされませんでした。実際に私はなぜプラグインの内容（pathに相当）がバンドルされて読み込まれると思ったのかわからないが、そうではないようだ。

つまり、aurelia-cliは改良され、importコマンドが提案されました。これは素晴らしいものです。あなたのライブラリはnpm installになりますし、次にau importです。これはaurelia.jsonファイルを占めています。しかし、時にはこれを手動調整する必要があります。なぜこのインポートコマンドがaurelia.jsonの部分を正しく埋めていないのだろうかと思います。

希望すると便利です。 :-)