Techioz Blog

Rails 7 ビューでカスタム JS を使用するにはどうすればよいですか?

概要

Rails 7 プロジェクトにカスタム JS を追加しようとしています。この StackOverflow の回答の指示に従いました。

しかし、私の見解ではまだカスタムJSを使用できません。

これが私のmain.jsです。

function sayHi() {
    console.log("hi");
}

window.sayHi = sayHi;

私の見解は次のとおりです (index.html.erb)。

<div>
  <button type="button" onclick="sayHi()">Click Me!</button>
</div>

ボタンをクリックすると、コンソールに次のように表示されます。

Uncaught ReferenceError: sayHi is not defined

私の見解では、カスタム JS にアクセスする方法が本当にわかりません。

これは、DropBox にアップロードした私のプロジェクトへのリンクです。

解決策

関数をグローバル スコープに公開する必要があります。

window.sayHi = sayHi;