Vue 项目 Eslint 检查不通过问题

最新推荐文章于 2025-03-24 10:52:01 发布

@lgk_Blog

最新推荐文章于 2025-03-24 10:52:01 发布

阅读量1.1k

点赞数

分类专栏：前端开发常见问题与解决文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_49809163/article/details/122575048

版权

前端开发常见问题与解决专栏收录该内容

8 篇文章

订阅专栏

本文介绍了解决Vue项目中因Eslint代码规范导致的编译错误的方法，通过修改eslintrc.js文件来禁用部分规则，如取消引用标准 '@vue/standard'，并调整了no-console和no-debugger规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：

在使用 Vue 脚手架创建项目时，一般都会选用 Eslint 规范代码格式
但有时代码中会因为双引号、逗号、分号等导致编译不通过

解决方案：

我们可以在 eslintrc.js 文件中注释掉一些代码，从而降低 Eslint 代码规范
注释掉 “extends 中的 @vue/standard”

// eslintrc.js
module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/vue3-essential',
    // '@vue/standard'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
}