vue报错:Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function

本文讲述了作者在使用Vue 2版本时遇到的vue-router引入问题,通过排查、理解版本兼容并降级vue-router版本,成功解决了页面空白的错误。分享了解决步骤,希望对同样遇到问题的开发者有所帮助。
摘要由CSDN通过智能技术生成

        今天是本人第一次发博文,遇到了困扰了我几天的问题。我用的vue2版本,没有引入路由后页面正常显示,但引入了vue-router后便报错,编译没有问题,页面一片空白。

        首先我排除了代码的问题,先后对router目录下的router内的index.js进行检查,没有任何问题,甚至我直接在该文件暴露vue-router,如:​​​​

        ​​​

        但是报错依旧。然后直接百度该问题,方法都尝试后,没能解决。

        有一篇博主的文章给了我想法:

vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function - 简书 (jianshu.com)https://www.jianshu.com/p/54f99aec7931        但是我并不想从vue2转变成vue3,于是乎我联想到这可能就是版本兼容问题了,不一定非要改变vue的版本,我可以让vue-router的版本降低应该可以适配。于是解决办法:

        卸载当前vue-router版本(当前我的版本是"vue-router": "^4.0.14")

npm rm vue-router

        使用低版本

npm i/install vue-router@3

然后解决了!!!希望对你们有所帮助。

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值