vue中的严格模式如何取消

 更新时间:2022年04月13日 15:30:32   作者:温柔锤  
这篇文章主要介绍了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项目中axios的封装请求

    vue项目中axios的封装请求

    这篇文章主要介绍了vue项目中axios的封装请求,axios 是一个轻量的HTTP客户端,它基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,下文更多详细资料,需要的朋友可以参考一下
    2022-03-03
  • 使用vue-cli4.0快速搭建一个项目的方法步骤

    使用vue-cli4.0快速搭建一个项目的方法步骤

    这篇文章主要介绍了使用vue-cli4.0快速搭建一个项目的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • 还在用vuex?来了解一下pinia

    还在用vuex?来了解一下pinia

    这篇文章主要为大家详细介绍了pinia,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • vue中的插槽详解

    vue中的插槽详解

    这篇文章主要介绍了Vue中的插槽,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-10-10
  • vue单页面SEO优化的实现

    vue单页面SEO优化的实现

    本文主要介绍了vue单页面SEO优化的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • 深入理解与使用keep-alive(配合router-view缓存整个路由页面)

    深入理解与使用keep-alive(配合router-view缓存整个路由页面)

    这篇文章主要介绍了深入理解与使用keep-alive(配合router-view缓存整个路由页面),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • vue3中7种路由守卫的使用大全举例

    vue3中7种路由守卫的使用大全举例

    最近在学习vue,感觉路由守卫这个地方知识点挺多的,而且很重要,下面这篇文章主要给大家介绍了关于vue3中7种路由守卫的使用大全,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-03-03
  • vue2.x中的provide和inject用法小结

    vue2.x中的provide和inject用法小结

    这篇文章主要介绍了vue2.x中的provide和inject用法小结,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-12-12
  • vue项目打包之后生成一个可修改IP地址的文件(具体操作)

    vue项目打包之后生成一个可修改IP地址的文件(具体操作)

    这篇文章主要介绍了vue项目打包之后生成一个可修改IP地址的文件(具体操作),本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03
  • VUE前端实现token的无感刷新3种方案(refresh_token)

    VUE前端实现token的无感刷新3种方案(refresh_token)

    这篇文章主要给大家介绍了关于VUE前端实现token的无感刷新3种方案(refresh_token)的相关资料,为了提供更好的用户体验,我们可以通过实现Token的无感刷新机制来避免用户在使用过程中的中断,需要的朋友可以参考下
    2023-11-11

最新评论