如何在 Rails 7 中将 Clipboard.js 与 importmap 一起使用
我想在 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
- Rails 7.0.2.3
- Ruby 3.0.2
I want to add a Copy to Clipboard button to my page in a Ruby on Rails 7 project.
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')
}
})
})
But after page loads I get an error:
Uncaught SyntaxError: import not found: ClipboardJS
- Rails 7.0.2.3
- Ruby 3.0.2
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
嗨，尝试通过使用命令安装剪贴板
然后，而不是通过从“ clipboard.js” 中使用
import {clipboardjs}导入模块clipboardjs，只是以这种方式导入类：其他一切都是正确的。
Hi try to install clipboard by using the command
Then instead of importing the module ClipboardJS by using
import { ClipboardJS } from "clipboard.js", import just the class this way:Everything else is correct.