【前段工程化】问题解决，新增加的eslintrc.js / prettierrc.js无效，格式化无效，格式化后vscode插件还会报错，eslintrc和prettierrc的格式冲突

已于 2023-12-21 12:16:50 修改
阅读量1.5k 收藏
点赞数
分类专栏： 前端工程化 文章标签： vscode javascript ide
于 2022-09-08 14:54:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17335549/article/details/126764530
版权

解决办法

  1. 检查package.json中是否安装了eslint、prettier相关插件
  2. 检查eslintrc.js / prettierrc.js是否正确配置
  3. 如果你的eslintrc.js / prettierrc.js是从别的项目复制的，肯定没问题，就这个新项目有问题，那么你应该
  4. 关闭eslintrc.js / prettierrc.js， 还不行的话
  5. 重启vscode，还不行的话
  6. 禁用这个项目的vscode的eslint/prettier插件
  7. 重启vscode
  8. 重新开启这个项目的vscode的eslint/prettier插件，如果还不行的话
  9. 更新这个项目的vscode的eslint/prettier插件
  10. 完事，肯定可以用了
  11. 总之，重启大法好
我有一棵树
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目eslint格式化最全注释！拿走不谢
c1518589418的博客
12-11 5117
JavaScript语言因为其灵活，怎么写都不会错的特点深受开发人员喜爱，然而过于灵活也会导致一些难以排查的bug。好的代码风格能够帮我们解决这些问题（typeScript：没错，正是在下！）雾~~ 代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。eslint附有大量开箱即用的配置规则帮助我们检查代码，但每次需要翻阅长长的文档颇为麻烦，我根据网络把大部分能用...
python logging.basicConfig不生效的原因及解决
09-17
今天小编就为大家分享一篇python logging.basicConfig不生效的原因及解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
.prettierrc 代码格式化配置
12-27
vue 项目代码格式化配置
vscode使用prettier格式化代码不起作用、配置不生效的解决方法
热门推荐
云帆的博客
04-02 6万+
问题描述 在某一次更新prettier插件后，发现格式化不起作用了，在vscode用户配置中怎么设置都没有效果 解决方法 由于prettier插件优先使用项目根目录下的editorconfig配置文件，所以在vscode中怎么配置有没有用，如下图 进入插件配置界面 取消Use Editor Config的复选框，这样就不会优先使用editorconfig配置文件了 你可以在项目根目录创建一个.prettierrc.js配置文件，prettier会自动检测到，也可以手动配置 也可以使用vscode
vue项目prettier代码格式化无效，配置prettier代码格式化插件
qq_52937529的博客
04-07 520
vue项目prettier代码格式化配置
vscode prettier 无效的解决办法
weixin_41949144的博客
07-22 5354
因为项目中有.editorconfig或者.prettierrc文件。当这些文件存在时，本地的配置就失效了。我的项目中有一个.editorconfig文件，但是无法配置我想要的，所以我这边的解决办法是在项目中配置一个.prettierrc文件。在vscode的setting中配置了prettier。但是实际使用确不生效。...
【解决】vue项目vscode配置eslint不生效，无法自动检测
Run_youngman的博客
05-19 6212
解决eslint配置不生效的问题。
使用webpack+vue.js构建前端工程化
02-24
node.js可以让javascript程序在后端运行起来。我们之前所熟知的javascript都是运行在前端浏览器，我们编写好了javascript代码后，由浏览器解释执行。而node.js，可以让我们编写javascript，然后在后端运行起来。现在的javascript和java、python一样，可以操作I/O、操作数据库、或者其他各类操作系统资源。上面这张图，和下面的这张图很像。可以认为，node.js是javascript的一种跨平台运行在主机的实现。环境搭建下载node.js（运行环境）下载VisualStudioCode（开发环境）写过Java的同学应该都知道，我们要编写程序往
解决VSCode配置eslint后不生效问题(重要)
清颖的博客
10-09 3万+
查找原因的步骤： 点开项目中的 .eslintrc.js文件（也可以是json文件） 点击编辑器右下角的ESLint 根据提示查找原因。具体原因：相关依赖包未安装。
eslint不生效排查思路
qq_45838276的博客
02-28 1394
重新安装一下依赖，以及最好一个vscode就一个项目，因为多项目有些配置文件读不了根目录的配置，也有可能不生效。3、如果没有各文件的报错信息，查看报错是什么，有可能是eslint-plugin-vue这个没有。2、看是否有各文件的报错，如果有，则大概率是.eslintrc.js文件的配置问题。1、先执行package.json npm run lint。
学生信息管理系统 （第二天 ）技术汇总及问题解决
Specif1c的博客
11-18 1661
1. 关于 .prettierrc 文件不起作用的解决方法 代码的规范规则很多很繁琐，不可能每个都去手动修改，有时候一个页面能有上百个规范问题，那么这时候代码自动格式化就很有用了，最有名的就是prettierrc了 使用Vue CLI创建项目，按照之前的设定，使用standard eslint标准。在格式化的时候发现，引号变成了双引号，结尾的分号也给我自动加上了，创建 .prettierrc文件配置完成，格式化的时候也没法自动格式化，一直报错，百思不得其解。 .prettierrc 文件起作用的前
vue-cli3.0创建项目，vue-cli3.0各项配置与安装， vue-cli3.0 上手教程 （二）之 VUE-CLI3的eslint配置问题
csl125的博客
02-25 2615
VUE-CLI3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误 最奇怪的是竟然HTML也被抛出警告了，虽然没有影响项目的运行，但是强迫症还是决定修改一下 error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1: 1 error found. 1 error p...
乡村振兴智慧乡村数智化新基建工程解决方案.pptx
07-14
乡村振兴智慧乡村数智化新基建工程解决方案.pptx
vs code中 prettier 对js不起作用设置
12-31
vs code中 prettier 对 .vue 文件格式化有效果，但是对 .js 文件不起作用，此方法能有效地解决此问题。
基于Vue3+JavaScript的天气数据可视化管理系统源码+部署说明.zip
11-03
【资源说明】 基于Vue3+JavaScript的天气数据可视化管理系统源码+部署说明.zip 1、该资源内项目代码都是经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能。 欢迎下载，欢迎交流，互相学习进步！ 推荐使用EDGE或非最新版Chrome浏览器进行查看。 - 基于M1 MacBook Air开发，其他设备屏幕可能出现样式问题（待解决）。 技术栈 # [前端] - Vue3.2 - Vite2 - Vue Router - Vuex - VueUse - Element-plus - Echarts5 - Axios - Typescript # [后端] - Koa2 - Python3 # 数据库 - MongoDB # 包管理器 - pnpm # 代码规范 - ESlint - StyleLin
vue中eslintrc.js配置最详细介绍
12-09
本文是对vue项目中自带文件eslintrc.js的内容解析， 介绍了各个eslint配置项的作用，以及为什么这样设置。 比较详细，看完能对eslint有较为全面的了解，基本解除对该文件的疑惑。 /** * 参考文档 * 【eslint英文文档】https://eslint.org/docs/user-guide/configuring * 【eslint中文文档】http://eslint.cn/docs/rules/ */ /** * eslint有三种使用方式 * 【1】js代码中通过注释的方式使用 * 【2】通过webpack的eslintConfig字段设置，es
电气工程及其自动化的问题与解决措施分析.pdf
11-16
电气工程及其自动化的问题与解决措施分析.pdf
电气工程自动化存在的问题及解决措施.pdf
11-16
电气工程自动化存在的问题及解决措施.pdf
基于-Three.js-的仓库可视化管理系统源码（优质项目）.zip
最新发布
04-22
基于-Three.js-的仓库可视化管理系统源码+数据库.zip【项目资源】：基于 Three.js 的仓库可视化管理系统是一个利用 Three.js 这一强大的 JavaScript 3D 库来创建和管理仓库数据的系统。Three.js 允许开发者在网页上...
.eslintrc.cjs
08-23
引用中提到，为什么生成的配置文件名称是.eslintrc.cjs而不是.eslintrc.js。根据这个引用内容，生成的配置文件名称是.eslintrc.cjs是因为ESLint的默认配置文件命名规则是使用.cjs后缀而不是.js后缀。这是为了与其他模块系统（如CommonJS）兼容。所以，如果你想使用ESLint的默认配置文件，你需要将配置文件命名为.eslintrc.cjs。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [超全面的前端工程化配置指南](https://blog.csdn.net/qq_41581588/article/details/126347482)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [ESLint配置详解](https://blog.csdn.net/qq_42880714/article/details/130662902)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值