运行Vue项目浏览器报“Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_2__router__.a is not a constructor”解决方法

Vue 专栏收录该内容
31 篇文章 0 订阅

1.问题描述

  • 使用webpack构建Vue单页面应用项目,项目运行时,浏览器报“Uncaught TypeError: WEBPACK_IMPORTED_MODULE_2__router.a is not a constructor”,组件中的内容也不能正常显示,<router-link :to="{path:'animal'}">to animal</router-link>也不能正常出现<a>标签的效果。页面时空白的。
    报错截图如下:
    在这里插入图片描述
    在这里插入图片描述
    main.js代码如下:
    在这里插入图片描述

2.解决思路与方法

  • 分析
    VueRouter的引入不能使用npm安装时自带的

    import VRouter from './router'
    

    因为./表示当前src目录,目录下并没有router文件,所以webpack会找不到,所以会报错。

  • 解决
    import VRouter from './router'改为

    import VRouter from 'vue-router'
    

    修改之后,npm运行项目正常。
    在这里插入图片描述
    每天进步一点点、充实一点点、快乐一点点!加油。程序媛们。

  • 2
    点赞
  • 1
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:像素格子 设计师:CSDN官方博客 返回首页

打赏作者

tomorrownan

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值