Quiero declarar un método en un archivo JS y usarlo en .html.erb como este método a continuación
const getSetHtml = () => { console.log("Hello World"); } y en la vista .html.erb como este código a continuación
onclick="getSetHtml()"pero se muestra
Error de referencia no detectado: getSetHtml no está definido
Importé archivos como a continuación
// /app/javascript/application.js import "@hotwired/turbo-rails"; import "controllers"; import "trix"; import "@rails/actiontext"; import "trix"; import "@rails/actiontext"; import "./bootstrap.bundle.min"; import "./editor"; // this fileNota: Otras bibliotecas JS funcionan bien, pero el método personalizado no funciona.
Gracias
¿Por qué quieres configurar la función con const? Si encaja con su caso de uso específico, ¡genial! De lo contrario, personalmente seguiría adelante y lo definiría regularmente, de cualquier manera aquí está la sintaxis de lo que está tratando de hacer.
const getSetHtml = function() {console.log("Hello World")};Su función actual devuelve la función en sí misma en lugar de devolver el valor de retorno de la función (console.log("Hello World")).
No puedo estar completamente seguro, pero creo en su aplicación.js, puede importar el archivo de esta manera. Primero intentaría lo otro: import "editor";
Espero que esto ayude aunque sea un poco, buena suerte. ¡Déjame saber como va!
Puede exponer su función agregándola al objeto global
global.getSetHtml = () => { console.log("Hello World"); }