TypeError: Cannot read properties of undefined (reading ‘components‘)

文章讲述了开发者遇到的问题:在代码中引用了不存在的CommonMixin.js,项目能正常编译但运行时出错。解决方法是补充该文件。讨论了遇到这类问题时的排查和解决步骤。

情况一

页面直接出不来,但是项目成功编译

import { CommonMixin } from '@/mixins'
mixins: [ CommonMixin ],

这两句都有写
但是@/mixins下其实没有CommonMixin 文件,我忘记复制进项目了
不给我报错缺少CommonMixin.js,只报错如题,坑

解决办法:补上CommonMixin.js文件

情况二

页面直接出不来,但是项目成功编译
发现是xxMixin.js里export写错了

mixin文件夹下有index.js、xxMixin.js:

index.js:

import xxMixin from './xxMixin'

export {
  xxMixin
}

xxMixin.js:

...
//错误
export const xxMixin={
...
}

组件使用时:

import {xxMixin} from '@/mixins'

...
mixins:[xxMixin]

解决方法:
xxMixin.js写错了
应该写

export default {
...
}

小问题

或者改使用时:

import { xxMixin } from '@/mixins/xxMixin'
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值