laravel echo：“未捕获的 ReferenceError：未定义回声”
Posted
技术标签:
【中文标题】laravel echo：“未捕获的 ReferenceError：未定义回声”【英文标题】：laravel echo : "Uncaught ReferenceError: Echo is not defined" 【发布时间】：2020-09-13 15:47:58 【问题描述】：我正在尝试使用 pusher 使用 laravel echo，我正在使用 windows localhost (wamp / laravel 5.8)
所以我已经安装了所需的库
我的 package.json
"private": true,
"scripts":
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
,
"devDependencies":
"axios": "^0.19",
"bootstrap": "^4.1.0",
"cross-env": "^5.1",
"jquery": "^3.2",
"laravel-echo": "^1.8.0",
"laravel-mix": "^4.0.7",
"lodash": "^4.17.13",
"popper.js": "^1.12",
"pusher-js": "^6.0.3",
"resolve-url-loader": "^2.3.1",
"sass": "^1.15.2",
"sass-loader": "^7.1.0",
"vue": "^2.5.17",
"vue-template-compiler": "^2.6.11"
资源/js/app.js
require('./bootstrap');
window.Vue = require('vue');
资源/js/bootstrap.js
window._ = require('lodash');
try
window.Popper = require('popper.js').default;
window.$ = window.jQuery = require('jquery');
require('bootstrap');
catch (e)
window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
import Echo from 'laravel-echo';
window.xxx = 'xxx';
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
);
我跑了
npm run dev
这是结果
在我看来我有
<!DOCTYPE html>
<html lang=" str_replace('_', '-', app()->getLocale()) ">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<meta name="csrf-token" content=" csrf_token() ">
<script src=" asset('js/app.js') " defer></script>
<link href=" asset('css/app.css') " rel="stylesheet">
</head>
<body>
<script>
console.log(Echo);
</script>
</body>
</html>
我不断得到
Uncaught ReferenceError: Echo is not defined
我什至添加了
window.xxx = 'xxx';
在 bootstrap.js 中查看我是否可以在我的视图中访问 xxx 变量，但这也是未定义的（顺便说一句，我不确定它是否是这样工作的！！只是尝试一些东西）
有什么想法吗？
我的文件夹结构是这样的
/pusher (root folder)
+app
+vendor
+node_modules
+resources/js
-public
index.php
css/app.css
js/app.js
【问题讨论】：
也许可以试试window.Echo = require('laravel-echo');？
@admcfajn thanx ，同样的错误
尝试从<script ..中删除defer
@marco-一个该死的东西在 laravel 默认布局中，我什至没有注意到它！请发帖作为答案，所以我可以奖励赏金
【参考方案1】：
尝试从<script .. 部分中删除defer。
【讨论】：
以上是关于laravel echo：“未捕获的 ReferenceError：未定义回声”的主要内容，如果未能解决你的问题，请参考以下文章
Laravel Echo 私人频道和 Laravel echo 服务器 |雷迪斯
Laravel 事件广播没有被拾取 laravel-echo-server