vue.js常见的报错信息及其解决方法的记录

寻梦1314      2022-02-13     648

关键词:

1、Vue packages version mismatch

翻译:vue包版本匹配错误

报错样例

报错原因:通常出现于一些依赖库的更新或者安装新的依赖库之后(可以认为npm update已经成为一种习惯),导致了vue和vue-template-compiler的版本不一致。

解决方案:统一vue和vue-template-compiler的版本

1 "vue": "2.3.4",
2 "vue-template-compiler": "2.3.4",

(注:如上所示版本号均为样例,具体实现请小伙伴们根据自己的版本号对应)

然后执行:npm update 就可以了。

附加

若上述方法未解决问题,则可能是因为各依赖库之间产生了冲突,这里我们也有更暴力的解决方法。

首先查看项目根目录下是否生成过package-lock.json的文件,若有,删之。

然后删除整个node_modules目录,重新配置package.json(当然,要记得统一vue和vue-template-compiler的版本)

配置好之后重新执行:npm install;

OK,问题解决。

 


还在持续更新中。。。

 转载请注明出处:http://www.cnblogs.com/meng1314-shuai/p/7405346.html

vue的eslint中常见的报错解决方法(代码片段)

语法错误"TypeError:Cannotreadproperty‘resetFields‘ofundefined"关键字前面的值变成了undefinedpropertyormethod"isCollapse"isnotdefinedontheinstancebutreferencedduringrender.Propertyormethod"a"isnotdefinedontheinstance 查看详情

dockerpull下载镜像时的报错及其解决方法(代码片段)

使用dockerpull从镜像仓库拉取镜像时报错如下:[[email protected]~]#dockerpullcentosUsingdefaulttag:latestTryingtopullrepositorydocker.io/library/centos...Gethttps://registry-1.docker.io/v2/library/centos/manifests/ 查看详情

js调试中常见的报错的解决办法

报错:UncaughtSyntaxError:UnexpectedtokenoinJSONatposition1atJSON.parse(<anonymous>)atFunction.m.parseJSON(jquery.js:8515)atObject.success(crud.html:45)atj(jquery.js:3143)atObject.fireWith[asresolv 查看详情

elk安装时最常见的报错

1.在启动kibana的时候报一下错误maxfiledescriptors[4096]forelasticsearchprocesslikelytoolow,increasetoatleast[65536]maxnumberofthreads[1024]foruser[lishang]likelytoolow,increasetoatleast[2048]解决方法:切换到root账户后,修改/et 查看详情

lamp常见安装编辑错误以及解决方法

Apache常见报错1apr-util在编译apr-util中make&&makeinstall发生这报错信息,解决方法:安装expat-devel依赖包即可#yuminstall-yexpat-devel2 httpd2.4.33进行make&&makeinstall的时候,发生的报错。分析说明:缺少了xml相关的库,需要安装... 查看详情

vue-cli打包构建时常见的报错解决方案

报错1:打包后丢到服务器中,打开是空白页报错2:打包后想要在本地file中打开,但是打开是空白页报错3:打包后在浏览器中打开,报错ERRORinxxx.jsfromUglifyJs报错4:打包后打开页面控制台报错,UncaughtRangeError:Maximumcallstacksizeexceed... 查看详情

网站常见的报错

1、403?解决:iis的应用程序池里 ip地址和权限 改为允许2、500.22? 发布到70上时报的错端口入站规则---开启防火墙应用程序池 集成改成经典3、应用程序中的服务器错误?应用程序池高级设置false 改为 true 查看详情

跑vue项目遇到的报错及解决方法

跑Vue项目遇到的报错及解决方法:报错一:npmERR!cb()nevercalled!npmERR!Thisisanerrorwithnpmitself.Pleas解决一:(1)删除项目里的packeage-lock.json和node_modules文件:(2)清理npm缓存:npmcachecl 查看详情

跑vue项目遇到的报错及解决方法(代码片段)

跑Vue项目遇到的报错及解决方法:报错一:npmERR!cb()nevercalled!npmERR!Thisisanerrorwithnpmitself.Pleas解决一:(1)删除项目里的packeage-lock.json和node_modules文件:(2)清理npm缓存:npmcachecl 查看详情

跑vue项目遇到的报错及解决方法(代码片段)

跑Vue项目遇到的报错及解决方法:报错一:npmERR!cb()nevercalled!npmERR!Thisisanerrorwithnpmitself.Pleas解决一:(1)删除项目里的packeage-lock.json和node_modules文件:(2)清理npm缓存:npmcachecl 查看详情

解决jar包冲突引起的报错信息

参考技术A报错信息如下Forwardingtoerrorpagefromrequest[/info/saveImage]duetoexception[org.apache.http.entity.ContentType.create(Ljava/lang/String;[Lorg/apache/http/NameValuePair;)Lorg/apache/http/entity/ContentType;]解决方式:当你的pom依赖有重复的时候,打包部署就会出... 查看详情

npm安装模块依赖时一个常见的报错的解决办法(“pleasetryrunningthiscommandagainasroot/administrator”)

前端开发中经常会用到npm安装一些框架所需要的模块,比如我在使用vue-resource这个vue依赖时,执行命令npm installvue-resouce--save-dev这个命令的时候,试了好几次都是报 没有管理员权限,百度的办法大体有两种,第一种是清... 查看详情

用了那么久的vue,你了解vue的报错机制吗?

...异常的呢?接下来和大家介绍介绍,Vue是如何处理者几种常见的报错的。先很大家说说常见的报错,再和大家介绍如何处理Vue中异常处理包含以下几个方面的技巧:errorHandlerwarnHandlerrenderErr 查看详情

跑vue项目遇到的报错及解决方法(代码片段)

跑Vue项目遇到的报错及解决方法:报错一:npmERR!cb()nevercalled!npmERR!Thisisanerrorwithnpmitself.Pleas解决一:(1)删除项目里的packeage-lock.json和node_modules文件:(2)清理npm缓存:npmcacheclean--force(3)再安装... 查看详情

docker启动时的报错汇总

参考技术Ahttps://mp.weixin.qq.com/s/2GNKmRJtBGHhUyVBRbRgeA八个Docker常见故障系统是CentOS7.2系统内核及docker版本如下:启动报错提示如下:从以上报错提示信息中也没看到错误的具体原因。然后我又用dockerd来直接启动,就在输出信息最下面... 查看详情

解决临时表空间的报错

报错信息:[HY000](1652)[Oracle][ODBC][Ora]ORA-01652:无法通过128(在表空间TEMP中)扩展temp段 原因分析:oracle临时表空间不足,事务执行一般将会报ora-01652无法扩展临时段的错误。因为oracle总是尽量分配连续空间,一旦没有足够的可分... 查看详情

记录zookeeper版本不同导致的报错问题

SpringCloud集成Zookeeper,由于服务器上zookeeper是3.4.9版本,但是自带3.5.3版本,导致启动频繁异常!解决办法:排除自带,引入相应版本。 查看详情

kettle的报错解决机制

在kettle执行的过程中,如果遇到错误,kettle会停止运行。在某些时候,并不希望kettle停止运行,这时候可以使用错误处理(StepErrorHandling)。错误处理允许你配置一个步骤来取代出现错误时停止运行一个转换,出现错误的记录行... 查看详情