Импорт пакета в Content Script

Question

У меня есть расширение Chrome, созданное изначально с помощью create-реакции-приложения.Это расширение должно получать данные с помощью запроса GraphQL, и полученные данные должны использоваться в моем скрипте содержимого.

Использование пакета «response-boost» в моем файле src/index.js работает идеально следующим образом.

import ApolloClient, { gql } from 'apollo-boost';

const client = new ApolloClient({
  uri: 'https://mygraphqlurl/graphql',
  headers: {
    'access-key': '123',
  },
});

client
  .query({
    query: gql`
      {
        merchant {
          id
          retailer {
            name
          }
        }
      }
    `,
  })
  .then(result => console.log(result));

Однако, если я пытаюсь использовать этот код в моем скрипте content.js в моей папке public, я получаю сообщение об ошибке в строке импорта:

Uncaught SyntaxError: Неожиданный идентификатор '

import ApolloClient, { gql } from 'apollo-boost';

Как я могу использовать эту функцию в моем скрипте контента?