日常踩坑总结之----vscode插件prettier不生效

14,902 阅读1分钟

vscode插件之prettier-code formatter

遇到的问题

.prettierrc配置文件配置完成后,点击格式化文件没有任何效果。

尝试过的方案(均已失败告终)

1、禁用.editConfig文件

百度讲,当工程目录中有 .editConfig 文件时,会优先读取此文件中的配置作为格式化的标准,经验证,无效。    

/**prettier 3.7版本以上才会优先读取.editConfig文件*/

2、将vetur的默认配置修改为prettier

此插件的格式化规则配置中,大部分默认就是prettier。经验证,无效。 

3、将setting.jsonprettier.requireConfig置为false

经验证,无效。

4、查看根目录下package.json有没有特殊配置。

无特殊配置。

最终原因及解决方案

vscode右下角有个prettier的标识,正常情况应该展示,如下图

image.png

但是却展示的感叹号!,点击感叹号标识提示Your project is configured to use an outdated version of prettier that cannot be used by this extension.Upgrade to the latest version of prettier,简而言之就是插件所加载的prettier包的版本太低不适用。此时去项目依赖目录node_modules中找到prettier包,删掉之后(因为项目中没有直接依赖prettier,所以删掉也不会对项目产生什么影响),问题解决。