关于ElementUI 项目开发的eslint 报错问题的修复

原创

已于 2023-02-17 19:22:33 修改 · 755 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #vscode

于 2023-02-16 11:15:50 首次发布

本文介绍了在使用ElementUI进行Vue.js开发时遇到的eslint报错问题，提供了解决方案：创建.prettierc文件进行个性化格式化配置，以消除关于单引号、分号和逗号的格式错误。此外，还提到可以参考作者的settings.json文件来调整VSCode的设置。

介绍

使用操作系统为 Win11Win11

使用教程

1. 使用 ElementUI 项目进行开发时因为各自的格式化文档不同难免会遇到各种报错

但是大部分都是因为单引 / 分号 / 逗号的格式存在报错

2. 这时我们在项目的根目录下可以新建一个 .prettierrc 文件进行该项目的个性格式化配置（

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Ashindn

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

关于webstorm-----eslint一键自动修复所有错误

Haines

09-02

1785

刚上手VUE，eslint的严格样式有点不适应，严重影响开发效率。现在发现webstrom有一个自动修改格式的功能。具体操作步骤如下 1.安装部分自行度娘，保存文件后发现一堆bug,其中包括script各种空格排版等格式问题 2.如何解决？以下步骤（File > setting > 搜索eslint > 点击 eslint ） 3.勾选 Enable 4.勾选Configuration file，指定 .eslintrc.js 路径 , 位置在项目名称目录下，选择后A.

vue-cli+elementUI+项目报错处理+vscode用的插件

feifeiwuxian的专栏

05-11

2889

一、创建项目 1.先用vue ui 界面创建一个项目。 2.npm 安装在项目根目录执行 npm i element-ui -S 3.在 vue ui面板中搜索到element插件安装二、一些项目中的报错，和插件 .我这边在做项目遇到了一些lint的报错 1.1vue项目报错Expected indentation of 2 spaces but found 4 找到以下的文件，添加"indent": ["off", 2] 1.2还会有这种报错 error: Newl.

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

优快云-Ada助手 2023.02.17
哇, 你的文章质量真不错，值得学习！不过这么高质量的文章, 还值得进一步提升, 以下的改进点你可以参考下: (1)使用更多的站内链接；(2)增加条理清晰的目录；(3)使用标准目录。

安装element-ui报错

qq_56554400的博客

02-18

658

安装element-ui报错如下npm ERR! code EPERM npm ERR! syscall open npm ERR! path D:\Program Files\NodeJS\cachejs\cache\_cacache\index-v5\d4\f9\0fe2582cb5cb011314d9489ed17596d3f2e09978b3ad7970d32e74b3acc2 npm ERR! errno -4048

ESLint自动修复代码规范错误

weixin_52512511的博客

10-04

671

基于 vscode 插件 ESLint 高亮错误，并通过配置自动帮助我们修复错误。在设置中 settings.json添加这段代码就自动修复错误。

Eslint自动修复突然不生效了

jinxi1112的博客

01-25

1229

我的vscode版本号是1.7.0，eslint自动升级到2.4.4出现了问题，回退到2.4.2就可以了。在vscode中找到ESLint扩展应用，安装之前的版本，然后重新加载就可以了。打开vscode底部状态栏，查看eslint的输出，提示版本问题。之前没问题，今天打开项目突然不好用的，一般就是插件版本问题。

【Vue】关于ESLint自动修复配置显示---类型不正确，预期为“string“问题如何解决

m0_63241410的博客

05-26

2079

关于ESLint自动修复配置显示---类型不正确，预期为"string"问题如何解决

修复eslint报错

最新发布

11-05

ElementUI 项目开发的 ESLint 报错**：若大部分报错是因为单引、分号、逗号的格式问题，可在项目的根目录下新建一个 `.prettierrc` 文件进行该项目的个性格式化配置（只对该项目生效，不影响其他项目），在文件中...

手写 Element Plus： Element Plus 的 ESLint 、 Prettier 配置

m0_63752950的博客

12-06

2097

文档详细描述了 Element Plus 使用 ESLint 和 Prettier 的配置，目的是统一多人开发的代码风格。内容包括 ESLint 的工作原理（配置文件查找、AST 解析和规则执行）、配置项解析（如 extends、plugins、rules 等）以及 Prettier 和 EditorConfig 的使用。还介绍了项目的代码格式化工具集成流程（如 Husky、lint-staged）和配置示例。通过这些工具实现代码风格校验、自动修复及提交前检查，提升团队开发效率和代码质量。

el-button点击触发returnInfo方法弹出this.$message,实际使用报错returnInfo方法not defined如何修复

07-04

我们正在解决一个具体问题：el-button点击触发returnInfo方法时报错'returnInfois notdefined'根据问题描述，我们推断是Vue组件中未定义returnInfo方法导致的。解决步骤：1.确认在Vue组件的methods中定义了...

Eslint自动修复突然不生效了，解决方案，亲测有效

qq_41920758的博客

05-17

1991

版本号是1.7.0，eslint自动升级到2.4.4出现了问题，回退到2.4.2就可以了。在vscode中找到ESLint扩展应用，安装之前的版本，然后重新加载就可以了。之前用了很久都没问题，今天打开项目突然不好用的，一般就是插件版本问题。打开vscode底部状态栏，查看eslint的输出，提示版本问题。完美，重新加载之后就可以用了，太好用了。

eslint 报错自动修复命令

Yama的博客

10-05

1609

标题eslint 报错自动修改命令 npm run lint

eslint代码自动修复

热门推荐

qq_26887683的博客

10-25

1万+

eslint代码自动修复安装lint npm install lint 添加eslint脚本在package.json的scripts中的脚本配置修改如下 "scripts": { "dev": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "eslint src", "fix": "eslint src/**/*.* --fix" }, 配置.editorconfig文件代码

【VSCode操作手册】ESlint自动格式化修复错误

Txtechcom的博客

02-14

3456

ESlint自动格式化修复错误

vscode中自动修复eslint的项目语法错误

weixin_42349568的博客

01-27

1406

第一步：安装插件第二步：文件-首选项-设置：点击这里：第三步：进行配置：主要是这个配置： "eslint.codeAction.showDocumentation": { "enable": true }, 第四步：保存重启vscode就可以了，在有eslint语法配置的项目中，按ctrl+s保存代码的时候，就会自动进行语法规范化。 ...

vue2.0+element-ui + eslint + vuex +vue-route

秋来九月八

03-10

803

第一步，安装cnpm,通过淘宝的镜像： npm i -g cnpm --registry=https://registry.npm.taobao.org 第二步：设置npm的config npm config set registry https://registry.npm.taobao.org 第三步：安装vue的脚手架 npm install -g @vue/cli 第四步：设置脚手架的全局 cnpm i @vue/cli-init -g 第五步：在计算机的高级系统设置中配置vue.cmd文件

Vscode安装Eslint扩展后无法实现保存自动修复

IIIIIAN

01-19

2093

一个现有项目引入eslint时，vscode的eslint扩展会报很多错，通过打开eslint的autoFixOnSave配置自动修复。从2.0.4版本开始，eslint扩展就移除了autoFixOnSave配置项。因为保存自动修复成为了vscode的Code Action on Save的一部分，需要在editor.codeActionsOnSave配置项中进行配置，下面的配置对所有提供自动修复的提供方都有效。

vue2中安装Element UI 时报错

2301_76488433的博客

07-18

335

在使用Eslint插件的Vue2中安装Element UI。

Eslint设置自动修复

weixin_46011668的博客

07-05

918

Eslint设置自动修复

vscode eslint不启用自动修复,无代码提示,显示“正在加载“解决办法

qq_43894292的博客

02-21

1511

vscode