Vue项目 -- 解决Eslint导致的console报错问题

这篇具有很好参考价值的文章主要介绍了Vue项目 -- 解决Eslint导致的console报错问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在利用vue-cli3+构建的项目中引入eslint进行语法检查时,使用console.log(‘xxx’)时,控制台抛出了Unexpected console statement (no-console) 异常,

例:一使用console就提示报错
Vue项目 -- 解决Eslint导致的console报错问题,vue.js,javascript,前端

解决办法是:
Vue项目 -- 解决Eslint导致的console报错问题,vue.js,javascript,前端
在 .eslintrc.js 文件中写入以下内容:文章来源地址https://www.toymoban.com/news/detail-715708.html

module.exports = {
  root: true,
  env: {
      node: true
  },
  'extends': [
      'plugin:vue/essential'
  ],
  rules: {
      'no-console': 'off', //关键是这个
  },
}

到了这里,关于Vue项目 -- 解决Eslint导致的console报错问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • web前端开发教学视频,VUE项目配置ESlint后一些报错解决方式,4个改变你编程技能的小技巧

    ‘no-delete-var’: 2, // 禁止出现未使用的变量 ‘no-unused-vars’: [2, {‘vars’: ‘local’, ‘args’: ‘none’}], // 禁止出现空函数 ‘no-empty-function’: 2, // 禁用不必要嵌套块 ‘no-lone-blocks’: 2, // 这条规则强制执行v-on指令样式,您应该使用速记。 ‘vue/v-on-style’: [2, ‘shorthand’], //*

    2024年04月13日
    浏览(36)
  • 运行 Vue项目出现报错:10% building 2/5 modules 3 active ...dmin\node_modules\@vue\cli-plugin-eslint的解决方法

    最近在运行vue项目时出现了很多错误,由于作者在这方面是个小白😏,这里特此记录一下问题及解决方法 首先安装环境 node.js,这里没有什么好说的。网上有很多教程 ❌ 问题一 运行项目出现报错 ‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

    2024年02月09日
    浏览(52)
  • 『VUE:解决 ESLint 的 Delete `CR` 报错』

    Prettier 和 ESLint 结合使用的情况下,代码运行后因为与项目创建者产生 crlf 和 cr 差别, eslint 检测会出来以至于无法启动以及全面爆红。 罪魁祸首是 git ,一个配置属性 core.autocrlf 由于历史原因,文本文件的换行符 windows 和 linux 是不同的。 Windows换行时,同时使用回车CR(carr

    2024年02月03日
    浏览(53)
  • eslint报错Component name “home“ should always be multi-word,文件命名规则导致问题解决方案

    新建vue项目的时候,往往需要配置eslint进行代码的格式化,但使用过程中也是会遇到各种问题,就比如:Component name “Home” should always be multi-word.eslintvue/multi-word-component-names 其实这是eslint对命名的校验,要以 多词组件名称 命名,防止与现有和未来的 HTML 元素发生冲突。 如何

    2024年02月12日
    浏览(55)
  • 【解决问题】Vue 项目中安装依赖 npm install 一直报错

    在 GitHub 上面找了几个项目,下载下来想执行以下,首先根据 README 文档进行安装依赖: 但接下来就一直报错,报错信息如下: 搜寻了好多种解决方法,依然不行,最后看到一篇博客说是  C盘 User 文件夹中的  .npmrc 文件 的问题,于是我尝试删除该文件,再次进行  npm inst

    2024年02月02日
    浏览(78)
  • 解决vue代码不规范而出现的问题:Eslint修复

    当我们刚创建一个vue项目,写代码时候,因为代码写的不规范会出很多问题,报很多错误,除了一个一个去修改他们,还有没有其他办法去解决他们呢? 这里介绍三种办法去统一解决: 方法一 :每次运行npm run lint package.json文件里有一个\\\"lint\\\":“vue-cli-service  lint”,每次写

    2024年02月16日
    浏览(38)
  • vue-cli自定义创建项目-eslint依赖冲突解决方式

    创建项目步骤 概览: 在安装 npm安装时会报错 依赖冲突原因: @vue/eslint-config-standard@6.1.0 依赖于 eslint-plugin-vue 的 ^7.0.0 版本,但是项目中安装了更高版本的 eslint-plugin-vue 解决方式:降级eslint-plugin-vue到@vue/eslint-config-standard支持的版本 解决后: 再进行npm安装,就能成功

    2024年04月09日
    浏览(53)
  • Vue项目遇到的报错:Module Error (from ./node_modules/eslint-loader/index.js)

    在运行创建的项目时出现的报错问题 Module Error (from ./node_modules/eslint-loader/index.js);具体报错如下图显示; 此问题在有时项目运行时不会报错,有时会报错; 找到根目录,在根目录下创建文件 vue.config.js 在创建的项目文件内输入 保存,重新运行便可。 初始化并重新安装 esl

    2024年02月06日
    浏览(54)
  • vue-“eslint-disable-next-line to ignore the next line“报错解决

    Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. vue所创建的项目会默认使用eslint进行错误检测,关掉即可。 检查项目中是否有 vue.config.js 文件。 如果项目中不存在,则在根目录下创建 vue.config.js 文件,写入的内容为: 如果存在此文件

    2024年02月11日
    浏览(46)
  • 【VUE疑难解决】:创建项目时卡在reify:ajv: timing reifyNode:node_modules/eslint

    问题原因尚不明确 1.使用 nrm 切换源(直接命令行切换是无效的) 至此再次进行安装和创建项目的操作,好用了。

    2024年02月08日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包