博客

vue 项目配置 eslint 和 prettier 导致运行出现 prettier/prettier 错误提示

出现这个错误大概率是由于相关联的依赖之间的版本不互相兼容导致的。比如我用的是 vue 官方默认的 vue2 脚手架创建的项目，在此基础上我又在项目中自己配置了

.eslintrc.js

和

.prettierrc

，自己又装了一些格式化插件，如

@vue/eslint-config-prettie

、

prettier

，结果项目就运行不起来了。包括我之后在安装

sass

和

sass-loader

运行不起来也是因为版本问题导致。

如果不确定哪些依赖版本导致不兼容，可按以下步骤操作，安装指定的版本。

项目具体有哪些依赖在

package.json

文件查看

移除当前项目下依赖

# 移除以下依赖，项目中不存在的就不用移除
npm rm @vue/cli-plugin-babel @vue/cli-plugin-eslint @vue/eslint-config-prettier eslint eslint-plugin-prettier eslint-plugin-vue prettier

安装指定版本依赖

# 这些依赖都是开发环境才需要用到，加上 -D 
npm i -D @vue/cli-plugin-babel@4.4.6 @vue/cli-plugin-eslint@4.4.6 @vue/eslint-config-prettier@7.0.0 eslint@7.15.0 eslint-plugin-prettier@3.4.1 eslint-plugin-vue@7.2.0 prettier@2.5.1

以上操作基本就可以解决问题了！

补充

# sass 和 sass-loader 安装了，项目运行不起来
# 移除
npm rm sass sass-loader
# 安装指定版本
npm i -D sass@1.32.0 sass-loader@10.1.0

总结：都是新版本的锅！！！