2016-08-09 46 views
2

ich nach dem Tutorial hier http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/contact-manager-tutorial/4Mit MaterializeCSS mit Aurelia

und ich fügte Bootstrap gemäß den Anweisungen und es funktioniert alles nach Plan

gibt es eine Konfiguration, die ich an den Anbieter Teil hinzuzufügen haben der aurelia.json Datei

"dependencies": [ 
    ... 
    "jquery", 
    { 
    "name": "bootstrap", 
    "path": "../node_modules/bootstrap/dist", 
    "main": "js/bootstrap.min", 
    "deps": ["jquery"], 
    "exports": "$", 
    "resources": [ 
     "css/bootstrap.css" 
    ] 
    }, 
    ... 
] 

aber ich mag materialisieren-CSS und ich finde, könnte ich über npm und ändern Sie dann die Bootstrap-Bit der Config zu diesem

materialisieren-css installieren Sie einfach
 { 
     "name": "materialize-css", 
     "path": "../node_modules/materialize-css/dist", 
     "main": "js/materialize", 
     "deps": ["jquery"], 
     "exports": "$", 
     "resources": [ 
      "css/materialize.css" 
     ] 
     } 

, wenn ich diese verwenden in app.html

<require from="materialize-css/css/materialize.css"></require> 

die App sprengt mit einem Unhandled rejection Error: Failed loading required CSS file: materialize-css/css/materialize.css

kann ich nicht herausfinden, warum dies der Fall ist. Für mich scheint es, als ob ich einen ähnlichen Austausch von CSS-Frameworks gemacht hätte

+0

können Sie bestätigen, dass dies installiert ist und es nicht nur 404ing? –

+0

Ja materialize-css befindet sich im Verzeichnis node_modules. – Peter

+0

Materialise hat seine CSS im Ordner dist oder bin. Entweder sollte man arbeiten. – Daniel

Antwort