如何在rails 7中使用导入映射的clipboard.js？

Question

我想在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')
    }
  })
})

但是在加载页面之后，我得到了一个错误：

Uncaught SyntaxError: import not found: ClipboardJS

• Rails 7.0.2.3
• Ruby 3.0.2

Answer 1

请使用以下命令尝试安装剪贴板

bin/importmap pin clipboard

然后，通过这种方式导入类，而不是通过使用ClipboardJS导入模块import { ClipboardJS } from "clipboard.js"：

import ClipboardJS from 'clipboard'

其他一切都是正确的。