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

已于 2023-02-17 19:22:33 修改
阅读量622 收藏
点赞数 1
文章标签： elementui vue.js vscode Powered by 金山文档
于 2023-02-16 11:15:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asgfcsdn/article/details/129056954
版权
本文介绍了在使用ElementUI进行Vue.js开发时遇到的eslint报错问题，提供了解决方案：创建.prettierc文件进行个性化格式化配置，以消除关于单引号、分号和逗号的格式错误。此外，还提到可以参考作者的settings.json文件来调整VSCode的设置。
摘要由CSDN通过智能技术生成
介绍

使用操作系统为 Win11Win11

使用教程

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

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

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

最低0.47元/天 解锁文章
Ashindn
关注
ESLint文件
weixin_43258184的博客
08-24 284
element admin齐全的ESLint文件 在vsCode编译器中： 文件 ➡ 首选项 ➡ 设置 ➡ 搜索 ESLint ➡ 点击在 setting.json 中编辑 ➡ 粘贴 { // 界面配置路径 Text Editor "editor.wordWrap": "bounded", // 设置 超过word Wrap Column设置的字符数、达到视口最小宽度，时自动换行 "editor.wordWrapColumn": 120, // editor.wordWrap 配置为
vue-cli+elementUI+项目报错处理+vscode用的插件
feifeiwuxian的专栏
05-11 2789
一、创建项目 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.
安装element-ui报错
qq_56554400的博客
02-18 485
安装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 581
基于 vscode 插件 ESLint 高亮错误，并通过配置 自动 帮助我们修复错误。在设置中 settings.json添加这段代码就自动修复错误。
Eslint自动修复突然不生效了
jinxi1112的博客
01-25 855
我的vscode版本号是1.7.0，eslint自动升级到2.4.4出现了问题，回退到2.4.2就可以了。在vscode中找到ESLint扩展应用，安装之前的版本，然后重新加载就可以了。打开vscode底部状态栏，查看eslint的输出，提示版本问题。之前没问题，今天打开项目突然不好用的，一般就是插件版本问题。
【Vue】关于ESLint自动修复配置显示---类型不正确，预期为“string“问题如何解决
m0_63241410的博客
05-26 1091
关于ESLint自动修复配置显示---类型不正确，预期为"string"问题如何解决
vue小项目
Lily68910的博客
03-16 1886
电商电商业务描述多端电商后台开发模式启动后台项目项目初始化步骤如下1.码云创建仓库2.本地创建项目3.使用git把项目推送到远程仓库4.配置Element-UI安装项目引入5.配置axios6 删除组件和视图7.代码格式校验登录1.登录逻辑２.创建新分支login3.修改根组件4.创建登录组件index.vue 模板样式和安装 less-loader因版本问题报错的解决方案：全局样式添加路由添加第三方字体添加表单验证使用axios请求登录接口异步改造登陆成功跳转 电商 业务描述 多端 客户使用的业务服务：P
vue3.0+electron+element-plus项目搭从0开始建教程（1）
AngerJava的博客
04-20 1995
vue3项目搭建
vue 解决黄色警告：errors and 61 warnings potentially fixable with the `--fix` option.
m0_57986286的博客
07-18 2953
vue 解决黄色警告：errors and 61 warnings potentially fixable with the `--fix` option.
Eslint自动修复突然不生效了，解决方案，亲测有效
qq_41920758的博客
05-17 1067
版本号是1.7.0，eslint自动升级到2.4.4出现了问题，回退到2.4.2就可以了。在vscode中找到ESLint扩展应用，安装之前的版本，然后重新加载就可以了。之前用了很久都没问题，今天打开项目突然不好用的，一般就是插件版本问题。打开vscode底部状态栏，查看eslint的输出，提示版本问题。完美，重新加载之后就可以用了，太好用了。
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的项目语法错误
weixin_42349568的博客
01-27 1282
第一步：安装插件 第二步：文件-首选项-设置： 点击这里： 第三步：进行配置： 主要是这个配置： "eslint.codeAction.showDocumentation": { "enable": true }, 第四步：保存重启vscode就可以了，在有eslint语法配置的项目中，按ctrl+s保存代码的时候，就会自动进行语法规范化。 ...
vue2.0+element-ui + eslint + vuex +vue-route
秋来九月八
03-10 646
第一步，安装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 1527
一个现有项目引入eslint时，vscode的eslint扩展会报很多错，通过打开eslint的autoFixOnSave配置自动修复。从2.0.4版本开始，eslint扩展就移除了autoFixOnSave配置项。因为保存自动修复成为了vscode的Code Action on Save的一部分，需要在editor.codeActionsOnSave配置项中进行配置，下面的配置对所有提供自动修复的提供方都有效。
vue2中安装Element UI 时报错
最新发布
2301_76488433的博客
07-18 207
在使用Eslint插件的Vue2中安装Element UI。
Eslint设置自动修复
weixin_46011668的博客
07-05 868
Eslint设置自动修复
Vue项目中element使用组件按需引入的方法导致eslint检测出错
qq_45532769的博客
11-03 1108
Vue项目中element使用组件按需引入的方法导致eslint检测出错
vscode eslint不启用自动修复,无代码提示,显示“正在加载“解决办法
qq_43894292的博客
02-21 1280
vscode
vue：ESLint如何自动修复代码
m0_65069237的博客
12-04 1307
代码本身没有问题，但是因为这是一个ESLint的错误提示，但是它指出了在文件E:\vscode\vuesua\src\views\HomeView.vue中的第18到33行存在缩进错误。具体来说，第18到25行的缩进应该是2个空格，而第26到33行的缩进应该是4个空格。此外，第25行函数的左括号前应该有一个空格。这些错误可以通过手动更正代码或使用ESLint的--fix选项自动修复。而webpack编译时出现了1个错误，需要查看具体的错误信息来进行修复。在vue开发过程中第一步总会遇到一个问题，就是。
elementui穿梭框报错
05-10
请提供更具体的错误信息，这样我才能更好地帮助你解决问题。同时，你可以检查以下几个方面： 1. 确认你已经引入了 ElementUI 的 Transfer 组件。 2. 确认你传入 Transfer 组件的数据格式正确，包括数据结构、属性...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Ashindn

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值