个人中心
gpt4 book ai didi

javascript - laravel 回声 : "Uncaught ReferenceError: Echo is not defined"

转载 作者：行者123 更新时间：2023-12-04 15:27:09 29 4
gpt4 key购买 nike

我正在尝试使用 pusher 来处理 laravel echo，我正在 windows localhost (wamp/laravel 5.8) 上工作

所以我已经安装了所需的库

我的包.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

这是结果

enter image description here

在我看来我有

<!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 中查看我是否可以在我的 View 中获取 xxx 变量，但那也是未定义的(顺便说一句，我不确定它是不是这样工作的!!只是尝试一些东西)

有什么想法吗？

我的文件夹结构是这样的

/pusher (root folder)
  +app
  +vendor
  +node_modules
  +resources/js
  -public
    index.php
    css/app.css
    js/app.js

最佳答案

尝试删除 defer来自 <script ..部分。

关于javascript - laravel 回声 : "Uncaught ReferenceError: Echo is not defined"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62028955/

29 4 0
文章推荐： latex - 如何使用 biblatex 删除引用书目列表中的标签？
文章推荐： reactjs - 用户能否在 Chrome 中更改 Redux/Mobx 的值以获得对受限 View 的访问权限？
文章推荐： python - 使 Tkinter 组合框滚动条和箭头按钮更大
文章推荐： javascript - Firestore onSnapshot 通过 onEffect 中的状态附加到数组
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com