railsでjavascriptメソッドをブラウザで実行すると、エラーが出る。

Question

分からないこと

ブラウザからの送信した内容が、サーバ側に送られることを確認するために、以下を実施しましたが、エラーが出力されます。原因が分からないので、分かる方いらっしゃいましたら、コメントよろしくお願い申し上げます。なお、Ruby側でbinding.pryを入れ処理を止めています。

実行コマンド

App.room.speak()

結果

VM10:1 Uncaught ReferenceError: App is not defined

at <anonymous>:1:1

期待する結果

App.room.speak()
true

環境

rails 6.0.2.1
Ruby 2.6.3

ソース

import consumer from "./consumer"

consumer.subscriptions.create("RoomChannel", {
  connected() {
    // Called when the subscription is ready for use on the server
    console.log('フロント側からバックエンド側を監視する')
  },

  disconnected() {
    // Called when the subscription has been terminated by the server
  },

  received(data) {
    // Called when there's incoming data on the websocket for this channel
  },

  speak: function() {
    return this.perform('speak', {message: 'フロント側からのチャットメッセージ'});
  }
});

class RoomChannel < ApplicationCable::Channel
  def subscribed
    # stream_from "some_channel"
  end

  def unsubscribed
    # Any cleanup needed when channel is unsubscribed
  end

  def speak(data)
    binding.pry
  end
end