当前位置:网站首页 > Vue.js开发 > 正文

vue2使用脚手架配置prettier报错:‘prettier/prettier‘: context.getPhysicalFilename is not a function

一,原因

出现这个错误大概率是由于相关联的依赖之间的版本不互相兼容导致的。比如我用的是 vue 官方默认的 vue2 脚手架创建的项目,在此基础上我又在项目中自己配置了 .eslintrc.js 和 .prettierrc,自己又装了一些格式化插件,如 @vue/eslint-config-prettie、prettier,结果项目就运行不起来了。包括我之后在安装 sass和sass-loader运行不起来也是因为版本问题导致。

二,解决办法

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

然后安装指定版本的依赖后重新打开vscode:

# 这些依赖都是开发环境才需要用到,加上 -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 
到此这篇vue2使用脚手架配置prettier报错:‘prettier/prettier‘: context.getPhysicalFilename is not a function的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • inquirer:命令行中与用户进行交互的js库2024-11-28 09:09:08
  • vue2项目中全局引入scss变量2024-11-28 09:09:08
  • js正则表达式--个人常用2024-11-28 09:09:08
  • webpack5+vue3搭建h5项目模板-(一)-基础配置2024-11-28 09:09:08
  • webpack5+vue3搭建h5项目模板-(二)-eslint代码规范化2024-11-28 09:09:08
  • webpack5学习与实战-(六)-babel-loader解析js文件2024-11-28 09:09:08
  • js中的同步与异步的理解2024-11-28 09:09:08
  • vue中动画效果的实现2024-11-28 09:09:08
  • vue3开启eslint之后报错:error Parsing error: ‘>‘ expected2024-11-28 09:09:08
  • 模块化使用vuex2024-11-28 09:09:08
  • 全屏图片