2016-10-15 11 views
0

Ich versuche, die aurelia-dragula plugin zu überprüfen, ob es meine Bedürfnisse erfüllt, aber wenn ich versuche zu ziehen, was ein ziehbares Element sein sollte, passiert nichts. Ich habe sogar versucht, die example und es funktioniert auch nicht.Ich kann nicht aurelia-dragula-Plugin arbeiten

Für meinen benutzerdefinierten Test, erstellte ich ein neues Projekt mit der aurelia cli und npm installiert Aurelia-Dragula 1.2.6. Hier ist mein Code:

aurelia.json

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

main.js

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

Der Browser Protokoll das Plugin als geladen zeigt, so nehme ich an, alles ist gut mit der über.

verwendete ich die Probe HTML und JavaScript aus der Dokumentation für den Ansatz benutzerdefinierte Element, etwa so:

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 
    } 
} 
+0

Ich habe ein Beispiel von Github heruntergeladen, installiert, gebaut und ausgeführt - es funktioniert gut in Firefox. Überprüfen Sie Ihren Browser auf Fehler. In Firefox können Sie drücken für offene JavaScript-Konsole. – JayDi

+0

@JayDi Es gab keine Fehler in der Browserkonsole. Ich habe das Beispiel von Github heruntergeladen und es erneut versucht. Diesmal hat es geklappt. Keine Ahnung warum. Ich kann es immer noch nicht in meinem eigenen Testprojekt mit Aurelia CLI zum Laufen bringen. –

+0

Es gibt einige Ressourcen in Dragula: versuchen Sie, diese Zeile in Dragula-Abhängigkeit in aurelia.json hinzuzufügen: "Ressourcen": ["dragula.css"] – JayDi

Antwort

0

Haben Sie den Import nicht vergessen?

import {Dragula} from 'aurelia-dragula'; 
0

Das Problem liegt in Ihrer aurelia.json Datei. Versuchen Sie folgendes:

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

Ich weiß, es ist sicherlich ein bisschen spät, aber wenn jemand das gleiche Problem hat, ist hier die richtige aurelia.json für aurelia-dragula Einstellung:

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

Das Problem ist, Diese Ressourcen wurden nicht geladen. Eigentlich weiß ich nicht warum, weil ich dachte, dass der gesamte Plugin-Inhalt (entsprechend der path) gebündelt und geladen werden würde, aber es scheint, dass es nicht der Fall ist.

Das gesagt, Aurelia-CLI hat sich verbessert und schlägt jetzt einen import Befehl vor, der groß ist. Sie nur npm install Ihre Bibliothek und dann au import es, die aurelia.json Datei füllt. Manchmal müssen Sie jedoch einige manuelle Anpassungen vornehmen, wie z. Ich frage mich, warum dieser Importbefehl den aurelia.json Teil nicht richtig füllt.

Hoffe, das hilft! :-)