Чтобы добавить обязательный атрибут AMP HTML в тег <html> с помощью Gatsby, вы можете:
Настроить html.js файл путем клонирования .cache/default-html.js в каталог src/.
Этого можно добиться, запустив следующую командную строку:
cp .cache/default-html.js src/html.js
Затем добавьте
amp="" к вновь созданному файлу
src/html.js следующим образом:
<html amp="" {...props.htmlAttributes}>
Помимо вышеуказанного варианта, вы можете добиться того же, просто добавив приведенный ниже фрагмент к своему gatsby-ssr.js файл;
import React from "react"
// Adds an amp attribute to the <html> tag
export const onRenderBody = ({ setHtmlAttributes }) => {
setHtmlAttributes({
amp: ``,
})
}