【问题标题】:What is wrong with this JSON, lint didn't work这个 JSON 有什么问题,lint 不起作用
【发布时间】:2021-06-02 14:25:10
【问题描述】:
{
  "columnOne": [
    {
      "displayText": "Login",
      "url": "/login"
    },
    {
      "displayText": "Linkedin",
      "url": "fab fa-linkedin fa-2x"
    },
    {
      "displayText": "Email",
      "url": "far fa-envelope fa-2x"
    }
  ]
}
{
  "columnTwo": [
    {
      "displayText": "Login",
      "url": "/login"
    },
    {
      "displayText": "Linkedin",
      "url": "fab fa-linkedin fa-2x"
    },
    {
      "displayText": "Email",
      "url": "far fa-envelope fa-2x"
    }
  ]
}
{
  "columnThree": [
    {
      "displayText": "Login",
      "url": "/login"
    },
    {
      "displayText": "Linkedin",
      "url": "fab fa-linkedin fa-2x"
    },
    {
      "displayText": "Email",
      "url": "far fa-envelope fa-2x"
    }
  ]
}

在 Eleventy 构建中出现错误,已经通过 json lint 和修复程序运行但没有结果。非常感谢您的帮助。‎‎‎‎‏‎

  <ul class="mf-nav__ul">
    {% for item in footer.columnTwo %}
    <li>
      <a href="{{ item.url }}">{{ item.displayText }}</a>
    </li>
    {% endfor %}
  </ul>
</li>

JSON 是我的 11 个页脚的数据,每个 &lt;ul&gt; 作为一个单独的列并在 JSON 中表示为 columnOne, columnTwo..

有人知道这个用例的正确配置吗? ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎‏‎ ‎

【问题讨论】:

    标签: arrays json eleventy


    【解决方案1】:

    这不是有效的 JSON。我不知道你通过什么 linter 运行它,但粘贴到 https://jsonlint.com/ 会立即显示问题 - 你有 3 个单独的对象,它们周围没有数组标记或它们之间没有逗号。

    如果您希望像 footer.columnTwo 一样访问它,那么我猜您可能想要/打算的实际上是这样的单个对象:

    {
      "columnOne": [
        {
          "displayText": "Login",
          "url": "/login"
        },
        {
          "displayText": "Linkedin",
          "url": "fab fa-linkedin fa-2x"
        },
        {
          "displayText": "Email",
          "url": "far fa-envelope fa-2x"
        }
      ],
      "columnTwo": [
        {
          "displayText": "Login",
          "url": "/login"
        },
        {
          "displayText": "Linkedin",
          "url": "fab fa-linkedin fa-2x"
        },
        {
          "displayText": "Email",
          "url": "far fa-envelope fa-2x"
        }
      ],
      "columnThree": [
        {
          "displayText": "Login",
          "url": "/login"
        },
        {
          "displayText": "Linkedin",
          "url": "fab fa-linkedin fa-2x"
        },
        {
          "displayText": "Email",
          "url": "far fa-envelope fa-2x"
        }
      ]
    }
    

    【讨论】:

    • 谢谢,但由于某种原因,这在我的页脚示例中不起作用。我已经更新了我的帖子。
    • 感谢您的澄清。试试上面的调整版本
    • 非常感谢你。完美运行。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-21
    • 2013-10-15
    相关资源
    最近更新 更多