[JAVA] Il ne répond pas à la description en .js du fichier packs

【Aperçu】

1. Conclusion </ b>

2. Comment utiliser </ b>

3. Pourquoi n’avez-vous pas écrit dans le fichier js </ b>

4. Ce que j'ai appris d'ici </ b>

  1. Conclusion

Ecrivez "script" directement dans le fichier html.erb et écrivez le langage javascript dans le script </ b>!

  1. Comment utiliser

Dans n'importe quel html.erb

ruby:****.html.erb


<script>
.
.
.

</script>

Écrivez simplement Javascript! Notez que dans application.html.erb Si vous appliquez le pied de page d'en-tête à l'aide de <% = yiled%>, faites attention à l'ordre dans lequel ils sont reflétés. Si vous appliquez Javascript avant le chargement du HTML, vous obtiendrez une erreur dans la console de l'outil de validation du navigateur.


3. Pourquoi n'avez-vous pas écrit dans le fichier js?

En conclusion, il n'a pas chargé le fichier js, ou il ne s'est pas chargé à moins que je ne l'ai rechargé une fois. En ce qui concerne le contenu, j'avais l'habitude d'afficher et de masquer le mot de passe, mais je l'omettrai ici car il reviendra souvent lorsque je recherche.

Rails6.0 Vscode en utilisant.

app/javascript/packs/application.js


require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("./security")　#➡︎ Fichier applicable

Et décrivez le langage javascript dans secrurity.js,

ruby:app/layouts/application.html.erb


<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%=　javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>

Depuis qu'il est décrit, j'ai pensé que le fichier js devrait être appliqué, mais cela n'a pas été reflété du tout.

De plus, j'ai programmé l'affichage / non-affichage du mot de passe dans le fichier js, mais il n'y avait pas de réponse, alors je l'ai mentionné de différentes manières. Les programmes suivants sont répertoriés en premier.

app/javascript/packs/security.js


document.addEventListener("DOMContentLoaded", function(){}

J'ai pu afficher et masquer le mot de passe, mais il n'a été reflété que lorsque j'ai appuyé une fois sur recharger. Je n'ai donc pas résolu le problème du fichier js, mais je vais bien parce que j'ai pu faire ce que je voulais faire pour le moment. (Bien que la lisibilité ne soit pas bonne)


4. Ce que j'ai appris d'ici

Dans cette erreur, j'ai beaucoup appris sur l'ordre de lecture de html / css / javascript / et à quel stade le DOM est formé. Je n'ai pas assez appris sur les tutbolinks et les documents chargés, mais c'est assez important que je puisse saisir le flux seul. C'est parce que je connaissais l'ordre d'écriture que je l'ai résolu dès que j'en ai fait un scénario.

URL référencée "J'ai examiné en détail le traitement autour de DOMContentLoaded" "[JS] Veuillez me dire pourquoi addEventListener ne fonctionne pas" "Différence entre l'événement DOMContentLoaded et l'événement de chargement [Timing]"

Recommended Posts