使用prettier报错：Unexpected token “�“ (0xFFFD) in JSON at position 0 while parsing “��“

最新推荐文章于 2024-07-10 17:58:32 发布
最新推荐文章于 2024-07-10 17:58:32 发布
阅读量1.6k 收藏 4
点赞数 5
分类专栏： 前端 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50546235/article/details/124203558
版权
在使用Prettier插件时遇到JSON解析错误，原因是配置文件.prettierrc.json的编码不正确。错误信息提示编码为UTF-16，需改为UTF-8。转换编码后，问题得到解决，插件能正常运行。
摘要由CSDN通过智能技术生成

使用prettier插件的时候出现报错

[error] Invalid configuration file .prettierrc.json: JSON Error in D:\XXX
\.prettierrc.json:
[error] > 1 | ��
[error] | ^
[error]
[error] Unexpected token “�” (0xFFFD) in JSON at position 0 while parsing “��”

在这里插入图片描述在这里插入图片描述
错误的原因是因为编码不对，webstorm默认应该是utf16了，改成utf8之后运行正常
在这里插入图片描述

Gv_ee
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
正确解决Unexpected token: operator xxxxx异常的有效解决方法
wbajsjhhhhh的博客
05-03 2890
正确解决Unexpected token: operator xxxxx异常的有效解决方法
Invalid or unexpected token：数据格式错误
余光的博客
09-17 1万+
Invalid or unexpected token --> 无效或意外的 var left = [1,2,3],right = [1,2,3] if(left[1] > right[0]){ left.splice(1,1) right.splice(0,1) } 运行这样一段代码，就会报错。 翻译成中文是： 捕获的查询无效或意外的标记。 既然代码逻辑没问题，...
vscode使用 prettier 报错：Uncaught SyntaxError: Unexpected token ")"
大涛子的博客
04-22 3875
在 vscode 中使用 prettier ，报错： Uncaught SyntaxError: Unexpected token ")"... 项目是使用的 EJS 模板，所以在格式化的时候 把注释也格式化了，如下是格式化之前的代码： <% var linesInRow = 0; var totalRows = 1; var maxRows = 4; //最...
ESLint: Parsing error: Unexpected token(prettier/prettier)
从零开始的Rem486
05-06 3773
ESLint 引入 prettier 后 html 文件报错 `Parsing error: Unexpected token(prettier/prettier)`
VScode 格式化插件Prettier设置无效
最新发布
qq_41995398的博客
07-10 828
发现不在代码不在报错，代码正常运行，如果代码格式化插件已经起效果，但是控制台还是报错可以，直接在prettier配置文件中直接禁用对应的代码验证规则。为什么已经设置了格式化插件为Prettier，控制台还是报错代码不符合Prettier格式要求，经过查询资料，需要点击鼠标右键，选择用…格式化文档“，在顶部选择代码格式化默认插件，选择之后重新运行代码，通过修改代码保存的方式验证插件是否起效。在某文件修改代码之后，ctrl+s 保存代码，保存之后会自动格式化代码，但是我们发现控制台有报错。
报错Unexpected token in JSON at position 0
yiboanne的博客
05-10 800
返回值不是JSON而用JSON的方法解析的时候。解决方法：用try catch。
Invalid or unexpected token
WBW_WBW的博客
04-15 375
前端报错Invalid or unexpected token 原因： 调用方法时参数格式问题，参数内部格式和方法外部格式自动匹配了 解决： 将内部格式修改成不会造成冲突的格式
Vue-cli4.0项目关闭ESLint + Prettier代码规范
花&败
12-01 924
我们用Vue-Cli脚手架新建项目时会选择使用ESLint + Prettier来统一我们的前端代码风格，但这对新手使用有很大困难，严格的格式要求容易出现很多警告和错误，这时最好关闭ESLint + Prettier。 在src下新建文件.eslintrc.js，并如下配置： module.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essent
Eslint安装配置+报错 prettier module‘ is not defined.Warning: React version not specified in eslint
LG的博客
07-07 3980
eslint prettier
ember-template-lint-plugin-prettier::sun:一个用于ember-template-lint的漂亮插件
05-02
error: Replace `New·Addons</ h1>` with ⏎New Addons⏎</ h1>` (prettier/prettier) at app/templates/lists/new-addons.hbs:2:5: 1 | > 2 | < h1>New Addons 3 | {{ addon-list addons = model }} 4 | ./...
vscode 格式化prettier失败出现一大堆错误
qq_17859117的博客
03-09 845
如题，使用vscode开发项目时候，会自动进行格式化【安装prettier插件】但是有时候会出现格式化失败的情况，如果插件安装正确，则可能是代码出现了格式问题。
Unexpected token c in JSON at position 0 报错信息及解决
01-20
问题产生：mpvue编译过程报错 Unexpected token c in JSON at position 0，且是websocket返回实时数据时。 问题产生原因：js中json  解析失败 解决：添加判断字符串是否是json格式方法isJson,并调用一下 isJson(str) { if (typeof str == 'string') { try { var obj = JSON.parse(str); if (typeof obj == 'object' && obj) { return true; } el
vscode中prettier与eslint一起使用格式化时候会报错
gdutRex的博客
08-26 3464
代码风格与代码检测冲突 我们经常使用prettier与eslint进行代码格式化与代码检测，但是经常遇见格式化之后依然存在代码检测的异常，这主要是因为eslint的配置没有与prettier的规则设置为相同。 我查看了网上给的设置都比较过时了，prettier官方提供了一个新的方法 例子 通过prettier格式化之后，报错 设置方法 首先在vscode的setting.json中添加prettier的设置 "editor.codeActionsOnSave": { // For ESLi
SyntaxError: /xxxx.vue: Unexpected token, expected “,“，[object Promise]export { render, staticRende}
天渺(喵)工作室
08-18 1099
webpack have the same syntaxError: /.../xxx.vue: Unexpected token, expected "," (1:8) for ALL Vue 2 components in the project
prettier 错误
qq_27009517的博客
02-08 1850
28:27 warning Delete `␍` prettier/prettier 29:13 warning Delete `␍` prettier/prettier 30:1 warning Replace `······</div>␍` with `········</div>` prettier/pret...
export报错SyntaxError: Unexpected token export
热门推荐
奋斗的小绿萝
08-09 14万+
情景重现 a.js export let test = function () { console.log('1'); } b.js let a= require ('./a'); a.test(); 运行node b，即出现如下报错： export default { ^^^^^^ SyntaxError: Unexpected token export 解决方法 a....
【prettier Error resolving prettier configuration for x:\xxx\.prettierrc.js】
weixin_43727933的博客
04-21 1304
这个错误提示笔者找了好半天，goole 百度都没有找到解决办法，在无果的情况下笔者开始冷静分析的原因在那，在给出的错误中提到了是。配置错误，于是仔细检查并没有发现错误。新建的文件格式笔者忘记了是。
解决prettier修改配置后项目报错的问题
BadmintonCode的专栏
04-30 2271
npm install -g prettier prettier --config prettier.config.js --write ./src/**/**/*.{ts,vue,tsx} 第一步：安装prettier包 第二步：指定需要格式化的目录和文件格式，如我的文件是都在/src/下的，那就格式化./src///*.{ts,vue,tsx} ...
prittier格式化代码报错
qq_42309685的博客
12-09 3188
错误截图 [error] Invalid configuration file `src\index.js`: JSON Error in E:\202112\testPrettier\.prettierrc.json: [error] [error] > 1 | �� [error] | ^ [error] [error] Unexpected token "�" (0xFFFD) in JSON at position 0 while parsing "��" [error] [err
ESLint: Parsing error: Unexpected token, expected "," (
07-28
回答: 这个错误是由于代码中的括号没有被解析为字符串，而被单独识别为特殊标识所导致的。为了解决这个问题，你可以在括号周围加上单引号或双引号，将其标记为字符串。推荐使用单引号。例如，你可以将代码修改为以下形式: ```javascript export const pathMapHKOpen = { 用户明细查看: '/userDetail', '定时任务管理(现金)': '/timingTaskManageList', '定时任务管理(保证金)': '/timingBZJTaskManageList', 合规审核: 'p', }; ``` 此外，你还可以通过修改`.prettierrc.json`文件来配置ESLint，增加`overrides`选项，以配置HTML的解析器。具体的配置可以参考以下示例: ```json { "printWidth": 120, "singleQuote": true, "bracketSpacing": true, "jsxBracketSameLine": true, "htmlWhitespaceSensitivity": "ignore", "overrides": \[ { "files": "*.html", "options": { "parser": "html" } } \] } ``` 这样做可以解决ESLint的解析错误，避免出现意外的标记错误。 #### 引用[.reference_title] - *1* [前端VUE使用报错 { expected ESLint: Parsing error: Unexpected token, expected “{](https://blog.csdn.net/m0_50367192/article/details/124010491)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [ESLint: Parsing error: Unexpected token(prettier/prettier)](https://blog.csdn.net/lty1010/article/details/124611184)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值