标签：vue sass plugin prettier 版本 eslint

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

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

标签：vue,sass,plugin,prettier,版本,eslint
来源： https://blog.csdn.net/qq_51634332/article/details/122388302

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。