Reactjs 如何将laravel echo与react js一起使用？

我正在用laravel中的pusher创建一个聊天应用程序，并使用react j s作为前端。现在，当我在react js中使用Echo.channel时，它显示通道未定义。如何解决此问题或任何其他方法来解决此问题

这在我的App.js中：

从“laravel Echo”导入回音

window.Pusher=require（'Pusher-js'）

window.Echo=新的Echo({ 广播员：“推手”， 键：process.env.MIX\u PUSHER\u APP\u键， 集群：process.env.MIX\u PUSHER\u APP\u集群， forceTLS:true}）

这是我的聊天室：

听{

---

我遇到了同样的问题……在我的例子中，我的react应用程序有一个单独的js文件（

resources/js/react.js

），其中我不需要bootstrap.js。因此，我只是将导入echo复制到我的react.js文件中。下面是我的整个

resources/js/react.js

文件

import Echo from 'laravel-echo'

window.Pusher = require('pusher-js');

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: process.env.MIX_PUSHER_APP_KEY,
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    encrypted: true
});

import Component from './react/index';

请记住通过运行

npm run dev

import Echo from 'laravel-echo'

window.Pusher = require('pusher-js');

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: process.env.MIX_PUSHER_APP_KEY,
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    encrypted: true
});

import Component from './react/index';