vue.esm.js?efeb:591 [Vue warn]: Error in mounted hook:

newnew 5月前 ⋅ 284 阅读 ⋅ 0 个赞

前言:在vue项目中使用pubsub发生错误

** vue.esm.js?efeb:591 [Vue warn]: Error in mounted hook: "ReferenceError: PubSub is not defined" **

原因1:未安装pubsub

1.参照官网地址安装:https://www.npmjs.com/package/pubsub-js

Getting PubSubJS

There are several ways of getting PubSubJS

  • Install via npm (npm install pubsub-js)
  • Use it directly from a CDN directly
    • http://www.jsdelivr.com/#!pubsubjs
    • https://cdnjs.com/libraries/pubsub-js
    • https://unpkg.com/pubsub-js
  • Download a tagged version from GitHub

2.首先必须导入模块:

import PubSub from 'pubsub-js'

3.运行出现问题 This dependency was not found:执行如下命令

npm install --save .pubsub-js

如果上面都没有问题正好是在watch中调用不能使用this,如下就会出错

vue.esm.js?efeb:1741 TypeError: Cannot read property 'publish' of undefined

  • 错误代码
watch: {
    test(val) {
     //注意:这是错误代码
      this.PubSub.publish("test", val);
    }
  }
  • 正确代码
watch: {
    test(val) {
    //正确代码
      PubSub.publish("test", val);
    }
  }

全部评论: 0

    我有话说:

    Module build failed: Error: Cannot find module 'node-sass'

    前言: 今天给vue安装pubsub-js(安装使用参考https://www.npmjs.com/package/pubsub-js)后,npm run dev 报如下错误: Module

    VUE如何关闭Eslint 的方法

      最近在家里面创建vue项目的时候,手一抖把Use ESLint to lint your code?(Y/N) 选择了Y,然后到写代码的时候,虽然说是浏览器完全能运行结果,但是在cmd

    SpringBoot系列17-统一异常处理(包含简单的JSR303参数校验)

    原文链接:https://www.lskyf.com/post/211 方法1.通过ControllerAdvice实现+简单的JSR303参数校验实现 1.1 加入依赖 <

    el-table el-switch 不能正确显示状态一直都是关闭

    el-switch 初始值(默认值)不能正确显示状态问题 错误案例: <el-table-column prop="showStatus" header-align="center" align="center" label="显示状态"&...

    kubeshere创建mysql发生FailedCreate requested: requests.cpu=500m,requests.memory=2000Mi, used: requests.cpu=0,requests.memory=0, limi

    1.错误日志 create Pod mysql-master-v1-0 in StatefulSet mysql-master-v1 failed error: pods "mysql-master

    微信小程序报错request:fail url not in domain list

    微信小程序报错request:fail url not in domain list 登录小程序后台 https://mp.weixin.qq.com/ 选择开发--开发设置--服务器域名--服务器

    程序连接Redis出现Redis (error) NOAUTH Authentication required

    原因:没有配置密码 application.properties配置上密码即可 spring.redis.password: YOUR REDIS PASSWORD

    mysql GROUP BY去重报错,可以外面在套一层查询

    SELECT * FROM ( SELECT s.id, c.NAME FROM tbl_stu s, tbl_city c WHERE s.id = c.stu ) aa GROUP BY s

    SpringBoot系列19-防止重复请求,重复表单提交超级简单注解的实现之四(终极版II)

    前言: 根据最新spring boot:2.5.0版本和在《SpringBoot防止重复请求,重复表单提交超级简单的注解实现之四(终极版I)》之上化繁为简抽取更实用的代码,新增超时机制 防重复提交业务流程图如下 1.简化DuplicateSub...

    mysql 批量kill多个进程

    查看进程 show PROCESSLIST; +--------+--------+---------------------+------+---------+------+- | Id

    SpringBoot系列15-mysql-multiple-data-sources1

    springboot 多数据源的一个简单示例 多数据源分包加载 新建数据库test1和表tbl_user CREATE TABLE `tbl_user` ( `id` int(11) NOT

    idea 项目的target目录不见了

    问题:idea 项目的target目录不见了,但是show in explorer可以找到,很不方便。 原因:此文件被忽略了 解决方法:File-->Settings-->Editor

    暴力解决window idea eclipse端口占用

    我们使用开发工具idea或者eclipse运行项目时,不知为什么。有时候经常因为端口被占用而无法启动 下面列举我的2种解决方法: 最直接暴力的方法: 打开任务管理器 (Ctr+Shift+Esc

    thymeleaf onclick传值到function

    thymeleaf onclick传值到function 使用[[]] 例如: <span th:onclick="app.test([[${an.id}]])"/>测试click传值

    加入公众号
    加入公众号