TypeError: prettier.resolveConfig.sync is not a function

最新推荐文章于 2024-08-23 18:16:42 发布
最新推荐文章于 2024-08-23 18:16:42 发布
阅读量4.7k 收藏 3
点赞数 4
分类专栏： 前端 文章标签： vue.js npm yarn
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45118747/article/details/133695581
版权
文章讲述了在使用Vite、Vue3和TypeScript的项目中，通过ESLint和Prettier进行代码审查时遇到的错误。解决方法是将eslint-plugin-prettier版本降为4.2.1和prettier降为2.8.8的组合，对于无ESLint项目，prettier可降级到1.19.1。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

项目：vite + vue3 + typescript，使用 eslint + prettier 进行代码审查
编辑器：webstorm 2022.1.2
复现场景：在任一 .vue 或 .ts 文件中执行 ctrl+shift+alt+P 进行 prettier 格式化时，报以下错误：



网上大部分说的原因是 prettier3 和  eslint-plugin-prettier4 不兼容，改为安装 eslint-plugin-prettier 5，实测仍然会报错。

最终在这个帖子的地下评论找到了解决方案，使用 eslint-plugin-prettier ^4.2.1 和 prettier ^2.8.8 进行搭配即可解决

https://www.jdk5.com/ask/294/prettier-3-0-0-typeerror-prettier-resolveconfig-sync-is-not-a-function

在项目的 package.json 修改即可

PS：如果在没有 eslint 的项目中依然报一些类似的错误，尝试把 prettier 降级到 ^1.19.1，亲测稳定可用

出现 TypeError: window.atob is not a function 解决方法
码农研究僧的博客
10-17 472
TypeError: window.atob is not a function 解决方法
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王二红
11-07 6354
vue2，SyntaxError:TypeError:this.getOptionsisnotafunction，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错this.getOptionsisnotafunction，vue2怎么解决npmrunserve时的SyntaxError:TypeError:this.getOptionsisnotafunction爆红报错，Vue-Synt
prettier.resolveConfig.sync is not a function
情随事迁个人博客
10-19 447
网上回答 报错原因：prettier3与eslint-plugin-prettier4版本不兼容 把prettier换成2x的版本 或把eslint-plugin-prettier换成5alpha版本 我的答案，可能是你没有添加prettier， 或者下面代码照抄 "@typescript-eslint/eslint-plugin": "^5.49.0", "@typescript-esl...
TypeError: this.getResolve is not a function问题解决
soenluzy的博客
03-29 1647
TypeError: this.getResolve is not a function问题解决 在使用webpack解析css时，需要npm install css-loader style-loader --save-dev，然后配置规则，但是启动直接报了异常， 原因为css-loader的版本跟webpack的版本不兼容 我的工程是webpack3.x，而install 的css-loader为最新版本5.2.0，版本相差过多，将css-loader版本降低至3.x版本即可正常， 这里建议各位，在使用
前端报错Syntax Error: TypeError: this.getResolve is not a function
zhuohaiyy的博客
12-01 1460
今天运行前端工程时提示：Syntax Error: TypeError: this.getResolve is not a function 原因：sass-loader的版本过高导致的编译错误，当前最高版本是8.x，需要退回到7.3.1 解决方案： 　npm uninstall sass-loader（卸载当前版本） 　npm install sass-loader@7.3.1 --save-dev ...
vite+ts+vue3 prettier.config.js 不生效问题解决
一个超爱喝可乐的web前端攻城狮
08-03 2859
prettier.config.js 不生效问题解决
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: 'jsonp', data: { q: text, appKey: this.appKey, salt: this.salt, from: this.from, ...
微信小程序报错：this.setData is not a function的解决办法
08-29
"微信小程序报错：this.setData is not a function的解决办法" 微信小程序报错：this.setData is not a function是一个常见的错误，特别是在使用微信小程序开发时。在这个错误中，this.setData变成了undefined，...
prettier配置不生效问题
ruisenLi的博客
04-25 1万+
在 vscode 中，通过安装 prettier 插件，可以格式化代码，保证团队代码风格保持一致，不至于代码经过其他人编辑并通过不一样的格式化方式格式化以后，git历史记录全部被覆盖的问题。 但是如果依赖 prettier 插件默认的格式，如果有人修改后，还是会和团队风格不一致，因此，需要将 prettier 的配置项，同代码一起保存，这样所有人的 prettier 项都会保存一致。 保存代码时，自动进行代码格式化 在 目录 .vscode - > settings.json 文件内，增加配置项，开启
TypeError: loaderContext.getResolve is not a function报错的解决办法，less、sass通用(yarn和npm)
一棵星星
01-04 1571
一般是版本不兼容导致，降低版本即可，具体步骤如下： 从图中看出是lessLoader导致的报错 我使用的是yarn yarn add less-loader@5.0.0 npm如下： npm uninstall less-loader npm install less-loader@5.0.0 （如果是sassLoader导致，可以把上面代码中的less改成sass） ...
【prettier Error resolving prettier configuration for x:\xxx\.prettierrc.js】
weixin_43727933的博客
04-21 1685
这个错误提示笔者找了好半天，goole 百度都没有找到解决办法，在无果的情况下笔者开始冷静分析的原因在那，在给出的错误中提到了是。配置错误，于是仔细检查并没有发现错误。新建的文件格式笔者忘记了是。
【无标题】
weixin_52632722的博客
07-08 677
prettier
vue 项目自己配置 eslint 和 prettier 导致运行出现 prettier/prettier 错误提示
tanqin的博客
01-08 8658
解决自己用 eslint 和 prettier 进行格式化配置后出现prettier/prettier 的错误。
解决前端项目问题：Uncaught (in promise) TypeError: resolve is not a function报错
意初的博客
09-23 9933
运行项目浏览器：Uncaught (in promise) TypeError: resolve is not a function报错。
Uncaught TypeError: XXX is not a function的解决方法
热门推荐
m0_54066656的博客
03-13 2万+
Uncaught TypeError: XXX is not a function的解决方法
TypeError: Error while loading rule ‘prettier/prettier‘: context.getPhysicalFilename....
u010895423的博客
05-31 2126
最近在学习前端代码规范方面的东西，虽然之前一直在使用eslint，prettier来规范代码，但有些东西还是觉得不是很懂。看了这些资料之后，决定在自己的项目上实践一下。实现方案：安装eslint-config-prettier来关闭eslint中与prettier相互冲突的规则，安装eslint-plugin-prettier来赋予eslint用prettier格式化代码的能力。因为eslint是项目原来就有的，这次没有重新安装，版本是低于7.28.0的，于是升级eslint版本之后，问题解决！
Nextjs(App Router) 开发记录
最新发布
AaronZZH 的博客
08-23 1112
最近业余在开发一款智能助理产品，记录开发过程中的一些问题以备忘，也是帮其他人防坑。
启动项目报错in ./src/main.js Syntax Error: TypeError: prettier.resolveConfig.sync is not a function
07-14
这个错误通常是因为你的项目依赖中的 Prettier 版本不兼容导致的。解决这个问题的方法是确保你使用的是兼容的 Prettier 版本。 你可以尝试以下步骤来解决这个问题： 1. 确保你安装的是 Prettier 的兼容版本。可以使用以下命令卸载旧版本： ``` npm uninstall prettier ``` 2. 然后重新安装一个兼容版本的 Prettier，可以使用以下命令安装最新版本： ``` npm install prettier@latest ``` 3. 如果你需要安装特定版本的 Prettier，可以使用以下命令指定版本号进行安装： ``` npm install prettier@<version> ``` 请将 `<version>` 替换为你需要安装的特定版本号。 4. 如果上述步骤没有解决问题，可能是其他依赖项与 Prettier 版本不兼容。你可以尝试更新或回滚其他相关依赖项，以解决版本兼容性问题。 如果问题仍然存在，请提供更多关于你的项目配置和依赖项的信息，以便我能够更好地帮助你解决问题。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值