[JAVA] Es reagiert nicht auf die Beschreibung in .js der Packs-Datei

【Überblick】

1. Schlussfolgerung </ b>

2. Verwendung von </ b>

3. Warum haben Sie nicht in die js-Datei </ b> geschrieben?

4. Was ich hier gelernt habe </ b>

  1. Fazit

Schreiben Sie "script" direkt in die Datei html.erb und schreiben Sie die Javascript-Sprache in das Skript </ b>!

  1. Verwendung

In jedem html.erb

ruby:****.html.erb


<script>
.
.
.

</script>

Schreiben Sie einfach Javascript! Beachten Sie, dass in application.html.erb Wenn Sie die Kopfzeile mit <% = yiled%> anwenden, achten Sie auf die Reihenfolge, in der sie angezeigt werden. Wenn Sie Javascript anwenden, bevor der HTML-Code geladen wird, wird eine Fehlermeldung in der Konsole des Browser-Validierungs-Tools angezeigt.


3. Warum hast du nicht in die js-Datei geschrieben?

Zusammenfassend lässt sich sagen, dass die js-Datei nicht oder nur geladen wurde, wenn ich sie einmal neu geladen habe. Was den Inhalt betrifft, habe ich das Passwort immer ein- und ausgeblendet, aber ich werde es hier weglassen, da es bei der Suche häufig vorkommt.

Rails6.0 Vscode mit.

app/javascript/packs/application.js


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

Und beschreiben Sie die Javascript-Sprache in secreturity.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' %>

Da es beschrieben wird, dachte ich, dass die js-Datei angewendet werden sollte, aber es wurde überhaupt nicht reflektiert.

Außerdem habe ich die Anzeige / Nichtanzeige des Passworts in der js-Datei programmiert, aber es gab keine Antwort, so dass ich auf verschiedene Arten darauf verwiesen habe. Die folgenden Programme werden zuerst aufgelistet.

app/javascript/packs/security.js


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

Ich konnte das Passwort ein- und ausblenden, aber es wurde erst wiedergegeben, als ich einmal auf "Neu laden" geklickt habe. Ich habe das Problem mit der js-Datei also nicht gelöst, aber ich bin in Ordnung, weil ich in der Lage war, das zu tun, was ich vorerst tun wollte. (Obwohl die Lesbarkeit nicht gut ist)


4. Was ich von hier gelernt habe

In diesem Fehler habe ich viel über die Lesereihenfolge von html / css / javascript / gelernt und darüber, in welchem Stadium das DOM gebildet wird. Ich habe nicht genug über Tutbolinks und das Laden von Dokumenten gelernt, aber es ist ziemlich groß, dass ich den Fluss alleine erfassen kann. Weil ich die Reihenfolge des Schreibens kannte, löste ich es, sobald ich es zu einem Skript machte.

Referenzierte URL "Ich habe die Verarbeitung um DOMContentLoaded im Detail untersucht" "[JS] Bitte sagen Sie mir, warum addEventListener nicht funktioniert" "Unterschied zwischen DOMContentLoaded-Ereignis und Ladeereignis [Timing]"

Recommended Posts