Quiero agregar un botón Copiar al portapapeles a mi página en un proyecto de Ruby on Rails 7.
config/importmap.rb :
pin "clipboard.js", to: "https://cdn.jsdelivr.net/npm/clipboard@2.0.10/dist/clipboard.min.js", preload: true app/javascript/application.js :
import { ClipboardJS } from "clipboard.js" ... document.addEventListener('turbo:load', (event) => { new ClipboardJS('.js-clipboard', { text: function(trigger) { return trigger.getAttribute('data-clipboard-text') } }) })Pero después de que se carga la página, aparece un error:
Uncaught SyntaxError: import not found: ClipboardJSHola, intenta instalar el portapapeles usando el comando
bin/importmap pin clipboard Luego, en lugar de importar el módulo ClipboardJS usando import { ClipboardJS } from "clipboard.js" , importe solo la clase de esta manera:
import ClipboardJS from 'clipboard'Todo lo demás es correcto.