这个插件文件同时使用我们不支持的 CommonJS 和 ES6 模块系统

Question

我开发了一个调查软件，但是，我的盖茨比浏览器有问题.js

盖茨比 2.8.2

PS C:UsersJovan BienvenuDesktoppolling-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 身份验证与盖茨比集成的投票应用程序演示代码是用盖茨比的 V1 编写的......在 V2 中，不能将 es6 样式的导入和导出与早期版本混合使用。-- 演示代码在使用导入语句时使用 export.replaceRouterComponent。

通过以下方式修复它：

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

但是 - 该代码也缺少从 React 路由器到 @reach/路由器的 V2 交换机。

基本上这是一个旧代码，您可能应该考虑使用不同的插件或方法。

Answer 2

我遇到了同样的问题，我正在使用

exports.something 

导出函数，而是我需要使用

exports { something };