Использование amp-iframe в React / Gatsby - PullRequest
0 голосов
/ 10 марта 2020

Я пытаюсь отобразить внешнюю ссылку усилителя (например, новостную статью) на своей странице реакции. Я пытаюсь использовать amp-iframe. Я добавил сценарий по этой ссылке в React Helmet, но он, похоже, не работает. Компонент имеет размер 0x0.

https://amp.dev/documentation/components/amp-iframe/?referrer=ampproject.org

 <div>
  <Helmet>
    <script
      async="true"
      custom-element="amp-iframe"
      src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"
    ></script>
  </Helmet>
  <amp-iframe
    width="500"
    height="281"
    title="Netflix House of Cards branding: The Stack"
    layout="responsive"
    sandbox="allow-scripts allow-same-origin allow-popups"
    allowfullscreen
    frameborder="0"
    src="https://player.vimeo.com/video/140261016"
  />
</div>

Я также добавил скрипт в свой файл gatsby-config. js в случай, который помогает, но все же не повезло.

{
  resolve: "gatsby-plugin-load-script",
  options: {
    async: true,
    "custom-element": "amp-iframe",
    src: "https://cdn.ampproject.org/v0/amp-iframe-0.1.js",
  },
},
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...