Je suis nouveau à Aurelia et tombe au premier obstacle. J'ai créé un nouveau projet à l'aide de l'Aurelia CLI et j'ai sélectionné pour utiliser moins.
Cela fonctionne bien jusqu'à ce que j'essaie d'utiliser Bootstrap. J'ai installé Bootstrap avec NPM qui apparaît dans Node_Modules / Bootstrap /
Ceci a la structure de répertoire
DISTONS Polices GRUNT GRUNTFILE.JS JS MOINS DU PACKAGE.JON README.MD
Il existe des fichiers CSS dans le répertoire DIST.
dans mon modèle je fais
L'erreur que je reçois est Erreur de rejet non gérée: Échec du chargement requis Fichier CSS: Bootstrap / CSS / BOOTSTRAP.CSS
Comment savoir à Aurelia où les fichiers Bootstrap CSS sont et comment les utiliser?
merci
6 Réponses :
Nous travaillons toujours sur la capacité de la CLI à importer des bibliothèques dans un projet et à les configurer correctement pour grouper. N'oubliez pas que c'est un alpha. Nous aurons des améliorations majeures à venir pour cela à l'avenir. En attendant, rappelez-vous que vous pouvez toujours utiliser des techniques traditionnelles pour inclure des bibliothèques si vous n'êtes pas sûr de quoi faire. Donc, je voudrais simplement inclure la balise de style dans votre page HTML et une balise de script également, indiquant simplement l'emplacement des fichiers de votre dossier Packages.
Il s'agit d'un cas d'utilisation majeur pour nous, nous n'avons pas encore participé à toutes les capacités d'importation de la bibliothèque. Nous allons aborder cette bientôt.
Suivi des étapes décrites dans le "tutoriel du gestionnaire de contacts" ou celles de "une bibliothèque avec des ressources supplémentaires". Je reçois une erreur "Bootstrap's JavaScript nécessite JQuery"
@Alearg - Assurez-vous que la version de JQuery que vous avez installée est la même que votre version de Bootstrap le requiert. Par exemple, essayez NPM Installez jQuery@2.2.4 --Save et redémarrez votre application.
Cela est toujours un problème pour le tutoriel du gestionnaire de contacts en 2018.
c'est toujours alfa?
Il y a une solution pour bootstrap téléchargée à partir de NPM:
app.html:
package.json Vous devez ajouter:
Aurelia.json (dossier Aurelia_Project) Vous devez ajouter à la fin de "App-Bundle.Js" Bundle:
Il devrait ressembler à ceci: Cela fonctionne pour moi.
J'ai fait ce que vous avez dit sans chance, lors du chargement de la page dans le navigateur. Il restera bloqué à Débogou [Modèles] Importation de ressources pour des composants / chat.html ["Bootstrap / CSS / CSS / BOOTSTRAP.CSS"] et ne continuera pas à charger. Je peux voir que Bootstrap soit injecté correctement lorsque le JS fonctionne.
Essayez de supprimer "JS / BOOTSTRAP.MIN.JS" de Aurelia.json, s'il est là. Cela peut faire des problèmes.
L'étape 1 ci-dessus manque une fermeture nécessite une balise . Il devrait être:
J'ai découvert une chose simple. Chaque fois que vous modifiez le fichier Aurelia.json, vous devez mettre fin à la tâche Je n'ai pas trouvé cela dans la documentation.
J'espère que cela aide. AU RUN-RUND -WORK , un démarrez à nouveau, et cela fonctionnera simplement.
Merci beaucoup! Étrange que Aurelia n'ait pas attrapé cela dans leur tutoriel.
Merci, c'était aussi la solution à mon problème.
aurelia.use
.standardConfiguration()
.feature('resources')
.globalResources('bootstrap/css/bootstrap.css');
J'ai trouvé que je devais changer le chemin Boostrap CSS dans App.html à celui attendu pour Bootstrap 4, par un Commentaire sur le discours Aurelia:
à partir de ceci: à ceci :
Si vous êtes ici en juillet 2019, la réponse de @davidjmcclelland est ce qui a fonctionné pour moi. Après avoir installé Bootstrap, Simple Inclure
require from=bootstrap/dist/css/bootstrap.css>
Un exemple est ici: Stackoverflow.com / Documentation / Aurelia / 1916 / Aurelia-CLI / 625 6 / ...