javascript - Rails 6 和 Webpacker 上的签名板

Question

嗨，我用 yarn 安装了 package signature_pad@3.0.0-beta.4，我想在带有 Webpacker 的 Rails 6 项目中添加和使用它。

但是，当尝试使用该包时，它会引发错误：未捕获的 ReferenceError: SignaturePad 未定义

我在 application.js 中添加了：require("signature_pad")

就像其他已经添加并按预期工作的 javascript 文件一样。

我不确定我错过了什么。

提前感谢您的回答和建议。

标签： javascriptruby-on-railssignaturepad

Answer 1

通过在我的 application.js 文件中这样做，我能够使其正常工作：

import SignaturePad from 'signature_pad/dist/signature_pad.min.js';

var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
  backgroundColor: 'rgba(255, 255, 255, 0)',
  penColor: 'rgb(0, 0, 0)'
});