参考文章:加载引用“http://json.schemastore.org/package”时出现问题: 无法从“…”加载架构: socket hang up
前言
vue项目之前都好好的,今天打开突然报错加载引用“https://json.schemastore.org/package”时出现问题: 无法从“https://json.schemastore.org/package”加载架构: geta
,很奇怪。感觉查阅相关资料,解决完后发篇文章记录一下防止下次遇到。
报错截图:
具体报错代码
加载引用“https://json.schemastore.org/package”时出现问题: 无法从“https://json.schemastore.org/package”加载架构: getaddrinfo ENOTFOUND json.schemastore.org
问题描述
根据网上找的一篇文章给package.json文件添加了注释,加了注释之后就不断弹出警告
添加注释用的是Vscode 的 JsonComments
这个插件,添加完注释的效果是(见下图)
无效尝试
查询各种其他解决方式
在百度找到了相关原因,如下:
报错信息提示“无法从‘https://json.schemastore.org/package’加载引用,可能是因为网络问题、服务器问题或者是URL不正确。”
解决方法:
检查网络连接:确保你的计算机可以正常访问互联网。
检查URL:确认URL是否正确,没有输入错误。
代理设置:如果你在使用代理上网,确保VS Code或者你使用的编辑器中的代理设置是正确的。
服务器状态:检查https://json.schemastore.org/服务器是否正常运行,可能是服务器暂时不可用。
本地缓存:尝试清除本地缓存,然后重新尝试加载。
防火墙/安全软件:确保防火墙或安全软件没有阻止VS Code访问网络。
手动下载和引用:如果问题持续,可以尝试手动下载所需的schema文件,然后在项目中引用。
更新VS Code或编辑器:确保你的编辑器是最新版本。
根据查询到的方法,和其他相关文章,自己也做了一些尝试
1.检查Vscode设置 - http proxy - 设置ip,结果没能修复,问题仍然存在
(注意,代理应该设置梯子的Http端口,而不是socks5端口)
2.试图禁用Vscode设置 - “json.schemaDownload.enable” 没能修复,问题仍然存在
3.网络连接问题。当网络稳定时,只需重新启动运行项目的编译器即可解决该问题。
经过上面三个方法尝试但还是没有解决问题,于是乎继续找到了下面的方法。
解决方案
结果发现,问题出现在VSCode的Schema download的SSL协议上,在这个JSON文件第一行增加
问题解决,不再报错!
添加完后的package 截图
结语
Vue3项目时遇到的json文件警告问题,经过检查VSCode设置、禁用json.schemaDownload.enable等无效尝试后,发现问题是由于VSCode的SchemadownloadSSL协议引起的。解决方案是在JSON文件头部添加$schema属性指向https://json.schemastore.org/jsconfig,解决了警告问题。