Набор для наполнения в Гэтсби

Question

Я использую параметры по умолчанию для полизаполнения, хотя Гэтсби неправильно заполняет мой сайт для iPhone 5 / 5S и некоторых других старых браузеров (хотя, похоже, работает на IE11).

ReferenceError: Can't find variable: Set

Не уверен, где я должен установить обход полифилла или почему Гэтсби не полифиллинг Устанавливается правильно на всех устройствах.

Я попробовал плагин gatsby-plugin-polyfill-io, который, кажется, усугубляет ситуацию, создавая ошибку Uncaught TypeError: Cannot read property 'split' of undefined.

Есть какие-нибудь мысли или предложения?

Answer 1

Вы должны добавить полифилл на gatsby-browser.js Например:

export const onClientEntry = async () => {
  if (typeof IntersectionObserver === 'undefined') {
    await import('intersection-observer');
    console.log('? intersection-observer imported')
  }
} 

Или gatsby-ssr.js

export const onRenderBody =({ setPostBodyComponents }, options) =>{
    setPostBodyComponents([
        <script
            src="https://cdn.polyfill.io/v3/polyfill.min.js"
        />
    ])
}