欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

vue中的严格模式如何取消

时间:2022-06-18 12:38:25|栏目:vue|点击:

如何取消严格模式

做项目当中如果遇到以下这种报错:

在这里插入图片描述

解决办法

1.vue cli4项目中会有单独的一个eslintrc.js文件,这个js文件里面就是代码规范的配置项,你可以尝试注释掉’@vue/standard’, 即关闭Eslint语法规范

// ‘@vue/standard'

重启项目npm run serve即可。

在这里插入图片描述

2.找到vue.config.js,如果没有你可以自己新建一个,里面配置以下内容,

lintOnSave: false,
devServer: {
overlay: {
warning: false,
errors: false
}
},

重启项目npm run serve即可。

这个配置添加之后可以说彻底关闭eslint,不会再有任何的报错。

在这里插入图片描述

3.在项目中有另外一个js配置文件setting.js,里面的 lintOnSave: true,

所以在vue.config.js配置的无效

在这里插入图片描述

4.找到setting.js,修改成 lintOnSave: false,

所以你也可以全局搜索一下 lintOnSave这个配置属性,找到这句在哪里,把它修改为false就彻底关闭了eslint检测,如果没有找到lintOnSave可以参考第二步

在这里插入图片描述

取消严格模式,去除格式警告

我们日常在写vue代码的时候,会遇到很多警告信息,这是因为我们在创建代码的时候一直写yes,或者敲回车,也就是默认安装了eslint的严格模式。

在运行测试的时候,会出现很多警告和错误,页面显示会变得十分麻烦,如果习惯了就可以养成很好的代码习惯。

那么如何去除这些警告呢,关闭严格模式,只要在build文件夹下的webpack.base.conf.js中的…(config.dev.useEslint ? [createLintingRule()] : []),注释掉,然后重新启动项目即可。

注意:注释后一定要记得重新跑一项目,不然依旧会按照原规则来。

上一篇:vue template当中style背景设置不编译问题

栏    目:vue

下一篇:Vue实现五子棋小游戏

本文标题:vue中的严格模式如何取消

本文地址:http://www.codeinn.net/misctech/205148.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有