vue3项目打包后,页面展示不出来,浏览器的控制台报Object(...) is not a function

一、 报错情况
我设置了 devtool: ‘source-map’, productionSourceMap: true,可以查看打包后的出错文件的源码,点击index.vue报错定位到了a组件里面,但是这并没有解决报错的问题,因为点进去之后,出错代码定位到了某个元素上,还是很懵,这是图一出错的情况
在这里插入图片描述
中途在百度、谷歌上疯狂搜索图一的报错的原因,用了一天半的时间,还是没有解决这个问题。后来,我尝试把a组件的路由注释掉,然后再次打包,出现了图二的情况,我看到这次报错和上次有点不同,它告诉我vue.global.prod.js文件有问题
在这里插入图片描述

二、解决方案
vue.global.prod.js是生产环境才用到的vue版本,这告诉我打包之后它有问题,紧接着我看了package.json文件里面dependencies的vue版本和打包后的vue版本不一致。前者版本高于后者,最后把本地通过cdn引入的版本弄成和dependencies的vue版本一致,重新打包就好了。

  • 5
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值