Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)报错

2022-11-01 前端开发得得之家

vue页面Uncaught TypeError: Cannot read properties of undefined (reading install)报错，页面全空白。然后发现是自己写的指令全局引用的原因使用了export导出 export { preventReClick } 所以引用的时候不能 import preventReClick from '@/directives'Vue.use(preventReClick) 正确的应该

vue页面Uncaught TypeError: Cannot read properties of undefined (reading ‘install’)报错，页面全空白。
然后发现是自己写的指令全局引用的原因

使用了export导出

export { preventReClick }

所以引用的时候不能

import preventReClick  from '@/directives'
Vue.use(preventReClick)

正确的应该是：

import { preventReClick } from '@/directives'
Vue.use(preventReClick)

这里就要注意：
通过export方式导出，在导入（import）时要加花括号{ }，export default则不需要花括号{ }。

还有另外一种可能是：vue-router版本过高

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

TypeError

上一篇：gbk编码的网页如何设置加载utf-8编码的js文件下一篇：html网页中怎么让select下的option选中

相关文档推荐

layui中tree组件使用报错tree.render is not a function

layui中tree组件使用报错tree.render is not a function，错误信息如下： Uncaught TypeError：tree.render is not a functionat n .anonymoustree:21at c (layui.js?111:2)at r (layui.js?111:2) 解决方案一：可能你是用的layui的版本为2.5之前的版本，他将不被兼容，因此既，你需要将la

uniapp下微信小程序报错TypeError: Cannot read property 'forceUpdate' of undefine

uniapp下微信小程序报错TypeError: Cannot read property forceUpdate of undefine解决方法出现这个问题是因为uniapp项目里面没有配置好小程序appid，我们打开项目下的manifest.json文件，添加下小程序appid即可

echarts报错:Error in mounted hook的解决方法

echarts报错:Error in mounted hook的解决方法目录 1 .具体报错内容: 2.解决办法: 3.原因: 4.扩展–import导入的方式: 总结 echarts安装创建图表时报这种错误:Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init’)” 1 .具体报错内容: 2.解决

javascript报错：xxx.foreach is not a function

报错的意思是xxx调用了foreach, 但不是一个方法我们查看如下代码： var arr = [1, 2, 3];arr.foreach(function (val) { console.log(val);}) Uncaught TypeError: arr.foreach is not a function Uncaught：未捕获到 TypeError：引用

Vue使用回车登录的时候报 Uncaught TypeError: Cannot read properties of undefined (reading 'validate')

错误代码： created() { // 按下回车执行登录按钮点击事件 var _self = this document.onkeydown = function(e) { var key = window.event.keyCode if (key == 13) { _self.handleLogin(this.ruleForm) } } }, 正确代码： created() { // 按下回

栏目导航

前端开发编程语言数据库服务器系统/运维网络/安全移动开发建站教程网站运营