我想在 Ruby on Rails 7 專案中的頁面中添加一個復制到剪貼板按鈕。
config/importmap.rb:
pin "clipboard.js", to: "https://cdn.jsdelivr.net/npm/[email protected]/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')
}
})
})
但是頁面加載后我得到一個錯誤:
Uncaught SyntaxError: import not found: ClipboardJS
- 導軌 7.0.2.3
- 紅寶石 3??.0.2
uj5u.com熱心網友回復:
您好嘗試使用命令安裝剪貼板
bin/importmap pin clipboard
然后,不要使用匯入模塊 ClipboardJS import { ClipboardJS } from "clipboard.js",而是以這種方式匯入類:
import ClipboardJS from 'clipboard'
其他一切都是正確的。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/452368.html
