如何通过React前端连接到我的Rails API后端ActionCable？

Question

我正在尝试使用ReactActionCableProvider包通过React前端连接到我的RailsAPI后端ActionCable。

我尝试使用ReactActionCableProvider链接到我的Rails API电缆路线。我在我的connection.rb文件中的connect函数上放置了一个byebug，但是它从未遇到过byebug。这是我第一次使用网络套接字。

connection.rb

module ApplicationCable
  class Connection < ActionCable::Connection::Base
    identified_by :current_user

    def connect
      byebug
      self.current_user = find_verified_user
    end

App.js

import ActionCableProvider from 'react-actioncable-provider'

class App extends Component {
  render() {

    return (
      <ActionCableProvider url="ws://localhost:3001/cable">
      <div className="App">
        <Test />
      </div>
      </ActionCableProvider>
    );
  }
}

我希望我的代码在加载我的应用程序时会碰到byebug。相反，我没有任何错误，并且Rails服务器在运行时不会遇到byebug。

编辑：因此，在查看“网络”选项卡和我的服务器日志之后，似乎从未建立连接。我仍然不知道为什么ActionCableProvider从不尝试连接到我的Rails api。