列表“icons”中的每个字典都应该包含一个非空的 UTF8 字符串字段“type”

Posted 2023-02-22

【中文标题】列表“icons”中的每个字典都应该包含一个非空的 UTF8 字符串字段“type”

【英文标题】：Each dictionary in the list "icons" should contain a non-empty UTF8 string field "type"

【发布时间】：2021-05-16 03:50:54

【问题描述】：

在分析我网站上产品的 html 是否有错误时，我发现这个奇怪的错误重复了 6 次：“列表“图标”中的每个字典都应该包含一个非空的 UTF8 字符串字段“类型”。”

页面链接：https://www.fermento24.com/collections/vini-in-offerta-questo-mese/products/terra-di-lavoro-igp-2017-galard?variant=32793469780039

我试图找出这个问题的根源，但谷歌并没有真正清楚地解决这个问题的根源，因为它把我带到了网站的第一个字符串“”

谁能帮我解决这个问题？

编辑：截图在这里：i.imgur.com/y2gjnIr.png

查看错误，如 JosefZ 所述：转到该站点，右键单击 => 检查（或 Ctrl+Shift+I）。

【问题讨论】：

在分析html时……请分享minimal reproducible example。

对不起，如果我现在才回答：我不知道是什么触发了错误，我通过使用谷歌浏览器的控制台并查看在那里登录的错误发现了错误。除了显示链接之外，我不知道如何向您展示一个最小的可重现示例。

我查看了您的示例页面，并没有在控制台中看到上述错误。您能否确认该错误仍然显示给您，如果是，您能否确认您正在使用哪些工具来查看它？ （如果可能的话，也许提供错误的屏幕截图以及任何周围的上下文？）

@DaveB 转到该站点，右键单击 => 检查（或Ctrl+Shift+I）。我可以在 Console 选项卡中确认这六个错误行。

警告似乎只出现在 Chrome 中。

【参考方案1】：

您似乎需要在您的 i18n 对象中传递一个额外的密钥，我追踪到了这个函数的问题（我无法访问源代码，所以这里是您网站中的格式化源文件）

您的字典对象如下所示：

因此，您需要为“字符串”类型的名为“类型”的动作中的对象添加一个键

icons: 
  submenu: "ui-icon-caret-1-e",
  type: "icon"

【讨论】：

感谢您的回答，但我对此有点吃惊。您在哪个文件中找到了这个？我应该在哪里添加“图标”代码？我试过打开控制台看看你指出了什么，但我似乎看不到它。网站是用 shopify 完成的，所以我必须对源代码进行逆向工程。

我不知道它存储在你的源文件中的什么位置，我所做的是使用 chrome devtools 查找单词“icons”并在 JS 文件的所有匹配项中添加断点，这个我终于想通了错误在哪里。除非您可以共享指向存储库/源代码的链接，否则我也想不出太多其他内容，您在其中看到的内容应该在浏览器源文件的扩展 版本中的同一行中

我明白你做了什么，但你具体添加了断点是什么？我问是因为 Shopify 基于模板、链接到它的 js 和其他东西创建产品页面。我想分享一个源代码，但我想确定我应该与你分享什么源代码。

您可以在该代码库中查找所有具有“:not(.ui-menu)”的 JS 文件，也可以检查字典的结构...据我所知，这可能是唯一的防止这个问题的方法。另一种方法是在该函数中拦截或添加通用键

啊哈！想我想通了！ .ui-menu 是指在您编写时出现的建议产品的弹出菜单。如果这是问题的原因，那么就是第三方应用程序造成了问题！我会发邮件给开发者看看是不是这样，我会及时通知你。