railsでjsライブラリの`leader-line`を使いたい
Q&A
Closed
railsでleader-line
というライブラリを使用したい
現在ruby on rails
ないでleader-line
を使えるようにapp/javascript/packs/application
の中のコードを弄っているのですが、うまく反映できません。
github: https://github.com/TakeshiAono/technology_pyramid.git
参考URL: https://anseki.github.io/leader-line/
以下の事を行いました。
-
yarn add leader-line
をターミナルで実行 -
app/javascript/packs/application.js
にrequire("leader-line")
を追加 -
app/javascript/packs/application.js
にimport "./pyramid.js";
を追加 -
app/javascript/packs/pyramid.js
に以下のコードを追加
new LeaderLine(
document.getElementById('start'),
document.getElementById('end'));
発生している問題・エラー
http://localhost:3000/pyramids.1 のページのstart-endの間にleader-lineの矢印が出てきてほしいのですが、出てきてくれません。
以下はコンソールのエラーです。
pyramid.js:9 Uncaught TypeError: leader_line__WEBPACK_IMPORTED_MODULE_0___default.a is not a constructor
at ./app/javascript/packs/pyramid.js (pyramid.js:9:1)
at __webpack_require__ (bootstrap:19:1)
at ./app/javascript/packs/application.js (application.js:26:1)
at __webpack_require__ (bootstrap:19:1)
at bootstrap:83:1
at bootstrap:83:1
railsの内でjavascriptがどのような仕組みで使えるようになっているか
まだ知識が浅いため、うまくエラー解消できませんでした。
すみませんが、ご教授頂けますとありがたいです。
以上、よろしくお願い致します。