Several source map warnings after update react-scripts to v5.0.0

[joaoarieira]

Describe the bug
Almost all *.js files at 'node_modules/@reactkeycloak' are getting source map warnings after I updated react-scripts v4.0.3 to v5.0.0. One example:

WARNING in ./node_modules/@react-keycloak/core/lib/context.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/user/Projetos/devyx/client-account/node_modules/@react-keycloak/core/lib/@react-keycloak/core/context.ts' file: Error: ENOENT: no such file or directory, open '/home/user/Projetos/devyx/client-account/node_modules/@react-keycloak/core/lib/@react-keycloak/core/context.ts'
@ ./node_modules/@react-keycloak/core/lib/index.js 2:0-26 2:0-26
@ ./node_modules/@react-keycloak/web/lib/provider.js 1:0-58 3:35-53
@ ./node_modules/@react-keycloak/web/lib/index.js 1:0-27 1:0-27
@ ./src/App.tsx 7:0-60 32:33-54
@ ./src/index.tsx 8:0-24 14:33-36

To Reproduce
Steps to reproduce the behavior:
I've created a new repository that reprocues those warnings:
https://github.com/joaoarieira/react-keycloak-test

1. Go to project main folder at terminal
2. Execute: yarn, then yarn start
3. See warnings

Expected behavior
Show no warnings spam.

[TiredFalcon]

I have the same issue, it's very annoying

[asperheim]

Same. It blows up and fails on 9 files.

[fgira]

Hello,

Same issue for me.

keycloak-js: 16.1.0
react-scripts: 5.0.0

Problem :
Error: ENOENT: no such file or directory

Affected files :

- @react-keycloak/core/lib/@react-keycloak/core/context.ts
- @react-keycloak/core/lib/@react-keycloak/core/index.ts
- @react-keycloak/core/lib/@react-keycloak/core/provider.tsx
- @react-keycloak/core/lib/@react-keycloak/core/types.ts
- @react-keycloak/web/lib/@react-keycloak/web/context.ts
- @react-keycloak/web/lib/@react-keycloak/web/index.ts
- @react-keycloak/web/lib/@react-keycloak/web/provider.ts
- @react-keycloak/web/lib/@react-keycloak/web/useKeycloak.ts
- @react-keycloak/web/lib/@react-keycloak/web/withKeycloak.tsx

[vitdolinek]

Hey,
you can temporarily disable warnings using the environment variable GENERATE_SOURCEMAP=false. It will get rid of the warnings, however, it is not a good solution at all.

[ganeshkrishnasharma]

This problem still exists, any help?

[fgira]

Hello,

Yes, i used the answer of @vitdolinek

[ganeshkrishnasharma]

Hello, thanks for the response.

Ya that works, but thats more of a work around or temporary fix. We will need proper fix on the issue i guess.

[gnowland]

related to #100 -- this is still a problem, @panz3r can we get an update please?

[JamesHemery]

Any update ?

[Jaakko123]

Same problem here. If it helps any one we disabled warnings for the time being with:
In craco.config.js:

const webpack = require('webpack')

module.exports = {

  webpack: {
    configure: {
      ignoreWarnings: [/Failed to parse source map.*react-keycloak/],
    },
  },
}

[amravazzi]

Any update?

[anuragarwalkar]

Facing same issue any help ?

[ksdc-grantw]

Hey, you can temporarily disable warnings using the environment variable GENERATE_SOURCEMAP=false. It will get rid of the warnings, however, it is not a good solution at all.

Given that its been months, without answers, on this or #100, this will have to do.
Thanks for the warning though.

[mrabaev48]

Same issue.

"keycloak-js": "^18.0.1"
"react-scripts": "5.0.1"

Any solution for this?

[kaisinter]

Still happening with:
"keycloak-js": "^19.0.1"
"react-scripts": "5.0.1"

[ziiw]

Same issue here:

package.json

"@react-keycloak/web": "^3.4.0",
    "keycloak-js": "^17.0.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-router-dom": "^6.3.0",
    "react-scripts": "5.0.0",

After npm start, a couple of :

Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/context.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/context.ts'

Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/index.ts'

Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/provider.tsx' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/provider.tsx'

Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/types.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/types.ts'

Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/context.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/context.ts'

Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/index.ts'

Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/provider.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/provider.ts'

Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/useKeycloak.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/useKeycloak.ts'

Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/withKeycloak.tsx' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/withKeycloak.tsx'

And then webpack formatted output

WARNING in ./node_modules/@react-keycloak/core/lib/context.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/context.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/context.ts'
 @ ./node_modules/@react-keycloak/core/lib/index.js 2:0-26 2:0-26
 @ ./node_modules/@react-keycloak/web/lib/provider.js 1:0-58 3:35-53
 @ ./node_modules/@react-keycloak/web/lib/index.js 1:0-27 1:0-27
 @ ./src/Components/SSO/KeycloakProvider.jsx 8:0-84 126:34-54
 @ ./src/index.jsx 11:0-69 20:33-49

WARNING in ./node_modules/@react-keycloak/core/lib/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/index.ts'
 @ ./node_modules/@react-keycloak/web/lib/provider.js 1:0-58 3:35-53
 @ ./node_modules/@react-keycloak/web/lib/index.js 1:0-27 1:0-27
 @ ./src/Components/SSO/KeycloakProvider.jsx 8:0-84 126:34-54
 @ ./src/index.jsx 11:0-69 20:33-49

WARNING in ./node_modules/@react-keycloak/core/lib/provider.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/provider.tsx' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/provider.tsx'
 @ ./node_modules/@react-keycloak/core/lib/index.js 3:0-27 3:0-27
 @ ./node_modules/@react-keycloak/web/lib/provider.js 1:0-58 3:35-53
 @ ./node_modules/@react-keycloak/web/lib/index.js 1:0-27 1:0-27
 @ ./src/Components/SSO/KeycloakProvider.jsx 8:0-84 126:34-54
 @ ./src/index.jsx 11:0-69 20:33-49

WARNING in ./node_modules/@react-keycloak/core/lib/types.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/types.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/core/lib/@react-keycloak/core/types.ts'
 @ ./node_modules/@react-keycloak/core/lib/index.js 4:0-24 4:0-24
 @ ./node_modules/@react-keycloak/web/lib/provider.js 1:0-58 3:35-53
 @ ./node_modules/@react-keycloak/web/lib/index.js 1:0-27 1:0-27
 @ ./src/Components/SSO/KeycloakProvider.jsx 8:0-84 126:34-54
 @ ./src/index.jsx 11:0-69 20:33-49

WARNING in ./node_modules/@react-keycloak/web/lib/context.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/context.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/context.ts'
 @ ./node_modules/@react-keycloak/web/lib/provider.js 2:0-52 3:54-77
 @ ./node_modules/@react-keycloak/web/lib/index.js 1:0-27 1:0-27
 @ ./src/Components/SSO/KeycloakProvider.jsx 8:0-84 126:34-54
 @ ./src/index.jsx 11:0-69 20:33-49

WARNING in ./node_modules/@react-keycloak/web/lib/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/index.ts'
 @ ./src/Components/SSO/KeycloakProvider.jsx 8:0-84 126:34-54
 @ ./src/index.jsx 11:0-69 20:33-49

WARNING in ./node_modules/@react-keycloak/web/lib/provider.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/provider.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/provider.ts'
 @ ./node_modules/@react-keycloak/web/lib/index.js 1:0-27 1:0-27
 @ ./src/Components/SSO/KeycloakProvider.jsx 8:0-84 126:34-54
 @ ./src/index.jsx 11:0-69 20:33-49

WARNING in ./node_modules/@react-keycloak/web/lib/useKeycloak.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/useKeycloak.ts' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/useKeycloak.ts'
 @ ./node_modules/@react-keycloak/web/lib/index.js 2:0-30 2:0-30
 @ ./src/Components/SSO/KeycloakProvider.jsx 8:0-84 126:34-54
 @ ./src/index.jsx 11:0-69 20:33-49

WARNING in ./node_modules/@react-keycloak/web/lib/withKeycloak.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/withKeycloak.tsx' file: Error: ENOENT: no such file or directory, open '/Users/.../project/node_modules/@react-keycloak/web/lib/@react-keycloak/web/withKeycloak.tsx'
 @ ./node_modules/@react-keycloak/web/lib/index.js 3:0-31 3:0-31
 @ ./src/Components/SSO/KeycloakProvider.jsx 8:0-84 126:34-54
 @ ./src/index.jsx 11:0-69 20:33-49

[nrl240]

According to CRA, sourcemaps should be fixed in this package, as the errors/warnings stem from the package.
See facebook/create-react-app#11767 (comment)

See the following thread too:
facebook/create-react-app#11767 (reply in thread)

You need to include source code in your npm package for source maps to work. If you don't want to do that you should probably stop building source maps as well

[gnowland]

I submitted a PR to fix this #200

[Snotax]

@panz3r @gnowland Is there still a maintainer active in this repo who could approve your PR ?

[simaad]

WARNING in ./node_modules/@react-keycloak/core/lib/context.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\core\lib@react-keycloak\core\context.ts' file: Error: ENOENT: no such file or directory, open 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\core\lib@react-keycloak\core\context.ts'

WARNING in ./node_modules/@react-keycloak/core/lib/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\core\lib@react-keycloak\core\index.ts' file: Error: ENOENT: no such file or directory, open 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\core\lib@react-keycloak\core\index.ts'

WARNING in ./node_modules/@react-keycloak/core/lib/provider.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\core\lib@react-keycloak\core\provider.tsx' file: Error: ENOENT:
no such file or directory, open 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\core\lib@react-keycloak\core\provider.tsx'

WARNING in ./node_modules/@react-keycloak/core/lib/types.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\core\lib@react-keycloak\core\types.ts' file: Error: ENOENT: no such file or directory, open 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\core\lib@react-keycloak\core\types.ts'

WARNING in ./node_modules/@react-keycloak/web/lib/context.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\web\lib@react-keycloak\web\context.ts' file: Error: ENOENT: no such file or directory, open 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\web\lib@react-keycloak\web\context.ts'

WARNING in ./node_modules/@react-keycloak/web/lib/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\web\lib@react-keycloak\web\index.ts' file: Error: ENOENT: no such file or directory, open 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\web\lib@react-keycloak\web\index.ts'

WARNING in ./node_modules/@react-keycloak/web/lib/provider.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\web\lib@react-keycloak\web\provider.ts' file: Error: ENOENT: no
such file or directory, open 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\web\lib@react-keycloak\web\provider.ts'

WARNING in ./node_modules/@react-keycloak/web/lib/useKeycloak.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\web\lib@react-keycloak\web\useKeycloak.ts' file: Error: ENOENT:
no such file or directory, open 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\web\lib@react-keycloak\web\useKeycloak.ts'

WARNING in ./node_modules/@react-keycloak/web/lib/withKeycloak.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\web\lib@react-keycloak\web\withKeycloak.tsx' file: Error: ENOENT: no such file or directory, open 'C:\Users\admin\Desktop\KeycloakApp\KeycloakApp\login-app\node_modules@react-keycloak\web\lib@react-keycloak\web\withKeycloak.tsx'

I am getting these errors and also i am not able to open up the keycloak login page when i click login button from my frontend app.

[simaad]

could anyone help me with this please?

[gnowland]

Those warnings and your issue are not related. The warnings can be safely ignored. Please open a different ticket for your issue.

[faloi]

Same problem here. If it helps any one we disabled warnings for the time being with: In craco.config.js:

const webpack = require('webpack')

module.exports = {

  webpack: {
    configure: {
      ignoreWarnings: [/Failed to parse source map.*react-keycloak/],
    },
  },
}

This one, suggested by @Jaakko123, works like a charm and you don't need to disable sourcemaps for your entire project. BTW, you need to add craco to your project for this to work - very nice library indeed, I didn't know about it. 😃