Cannot resolve core-js

[donaldboulton]

Gatsby Error using npm

Can't resolve 'core-js/modules/es.array.concat' in 'C:\Users\Donald Boulton\Documents\GitHub\publiuslogic\publiuslogic\node_modules\react-avatar\es\sources'

Can't resolve 'core-js/modules/ANY AND ALL MODULES IN THIS DIRECTORY' in 'C:\Users\Donald Boulton\Documents\GitHub\publiuslogic\publiuslogic\node_modules\react-avatar\es\sources'

File: node_modules\react-avatar\es\sources\Github.js

package-json-lock ile
is calling two versions of core.js ???
"react-avatar": { "version": "3.9.0", "resolved": "https://registry.npmjs.org/react-avatar/-/react-avatar-3.9.0.tgz", "integrity": "sha512-i9UR3z/Y4JhAb6WH0yaAr6noLwLVgUyp7kOMu48Plc9ch6OQ3k4aDqp+m0TrCbHAn8YfRv2BevK9gA0nIqwVbA==", "requires": { "core-js": "^3.6.1", "is-retina": "^1.0.3", "md5": "^2.0.0" }, "dependencies": { "core-js": { "version": "3.6.4", "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.4.tgz", "integrity": "sha512-4paDGScNgZP2IXXilaffL9X7968RuvwlkK3xWtZRVqgd8SYNiVKRJvkFd1aqqEuPfN7E68ZHEp9hDj6lHj4Hyw==" } }

[JorgenEvens]

Hi @donaldboulton ,

I've been able to reproduce the issue and will be looking into what the fix should be here.

It looks like some interaction between react-avatar and gatsby as the issue does not occur in a plain react test.

[wdavidw]

Hi, @JorgenEvens have you made any progress ?

[JorgenEvens]

Hi @donaldboulton, @wdavidw,

This seems to be a known issue with gatsby and libraries using core-js@3, more here.

Adding the following snippet in your gatsby-node.js will make react-avatar work (see comment).

exports.onCreateWebpackConfig = ({ actions, getConfig }) => {
  const config = getConfig()
  delete config.resolve.alias["core-js"]
  actions.replaceWebpackConfig(config)
}

Here is a working reproduction.

[donaldboulton]

Fix Works perfect or some other things I had core=js issues with, but not react avatar.

Thank You
Donald Boulton

[wdavidw]

Same with me, thanks

[JorgenEvens]

So the fix suggested in the thread I linked does not work for react-avatar? Does the reproduction work for you?

The suggested fix worked for me on a fresh gatsby project, but if you are still experiencing issues I'll re-open the issue.

To further investigate the issue, could you provide me with a project that is having the described issue?

[hijarian]

@JorgenEvens The solution provided in #187 (comment) did work for me only after I added core-js@3 as an explicit dependency to the whole project. It was an implicit dependency on gatsbyjs and on react-avatar initially. Until I added core-js as a dependency on the whole project, I have been getting the same error as described in the OP.

[JorgenEvens]

Hi @hijarian,

Thanks for the update, your comment will surely help the community out until the issue is fixed in gatsby. [1]

[MoSattler]

I have the same problem with remix in production. anyone an idea?