今天是本人第一次发博文,遇到了困扰了我几天的问题。我用的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

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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐