Impossible de faire fonctionner les plugins JS avec Rails 5.1 et Yarn

Question

J'essaie d'installer le plugin fullpage.js dans une application Rails 5.1 suite aux conseils de this guide's mais je n'ai pas réussi. Les étapes que j'ai suivi sont:

1. Entré yarn add fullpage.js dans la ligne de commande
2. vérifié que le plug-in est listé dans package.json (le plug-in est en effet répertorié sous les dépendances comme "fullpage.js": "^2.9.4")
3. Déclarez le plugin dans le manifeste JS à l'aide app/assets/javascripts/application.js//= require fullpage

Malheureusement, je reçois une exception lors du chargement de la page Web (

n'a pas pu trouver le fichier 'FullPage' type 'application/javascript'

)

J'ai essayé d'utiliser //= require fullpage/fullpage et //= require fullpage.js (ce dernier comme je l'ai remarqué aucune autre dépendances sont répertoriées dans package.json avec leur extension JS. Aucune de ces variantes n'a fonctionné.

Pourriez-vous m'aider à comprendre ce que je fais de mal?

Answer 1

J'ai trouvé quel était le problème.

C'était simplement la façon dont je référençais les fichiers d'actifs dans les manifestes. Pour le faire correctement je devais aller dans le dossier node_modules (dans le répertoire racine) trouver le dossier où fullpage.js était installé et vérifier dans quel dossier le fichier js et css se trouvait exactement. Dans ce cas, ils se trouvaient situés dans node_modules/fullpage.js/dist/ si je devais les référencer dans le manifeste comme suit:

#the js file 
//= require fullpage.js/dist/jquery.fullpage 

#the css file 
*= require fullpage.js/dist/jquery.fullpage 

Notez que le nom du fichier que je faisait référence étaient « jquery.fullpage.js » et " jquery.fullpage.css "donc je laisse juste les extensions comme d'habitude.