一、 报错情况
我设置了 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版本一致,重新打包就好了。