Этот файл плагина использует вместе модульные системы CommonJS и ES6, которые мы не поддерживаем

Question

Я занимаюсь разработкой программного обеспечения для опросов, однако проблема с моим gatsby-browser.js

Gatsby 2.8.2

PS C:\Users\Jovan Bienvenu\Desktop\polling-app> gatsby develop
success open and validate gatsby-configs - 0.074 s
error This plugin file is using both CommonJS and ES6 module systems together which we don't support.
You'll need to edit the file to use just one or the other.

plugin: C:/Users/Jovan Bienvenu/Desktop/polling-app/gatsby-browser.js

This didn't cause a problem in Gatsby v1 so you might want to review the migration doc for this:
https://gatsby.dev/no-mixed-modules

Answer 1

Демонстрационный код приложения-опроса для интеграции аутентификации firebase с gatsby, который вы используете, написан на V1 Gatsby ... в V2 вы не можете смешивать импорт и экспорт в стиле es6 с ранними версиями.- этот демонстрационный код использует export.replaceRouterComponent при использовании операторов импорта.

Исправьте это следующим образом:

const replaceRouterComponent = ({ history }) => {
  const ConnectedRouterWrapper = ({ children }) => (
    <FirebaseProvider firebase={firebase}>
      <Router history={history}>{children}</Router>
    </FirebaseProvider>
  );

  return ConnectedRouterWrapper;
};

export default replaceRouterComponent

Однако - в этом коде также отсутствует переключатель V2 от React Router к@ reach / router.

По сути, это старый код, и вы, вероятно, должны рассмотреть другой плагин или подход.