score:1

it seems to be eslint-loader build error - please take a look at this. try updating to newest version of eslint-loader and then it should work. if you look at latest version of linter.js, you'll see that parseresults method now has if check before calling foreach.

score:1

this error from eslint of react-scripts, so my solution is disabled eslint.

  • step 1: yarn add customize-cra react-app-rewired @babel/plugin-proposal-decorators --dev
  • step 2: at file config-overrides.js:
const { override, disableeslint } = require("customize-cra");        
module.exports = override(
   disableeslint()
);
  • step 3: update script at file package.json:
"scripts": {
  "start": "react-app-rewired start",
  "build": "react-app-rewired build"
},

score:1

i was facing the same error. was having a bad time, solving this out.

i tried downgrading to react-scripts: 3.0.1,acc. to some solutions on the web. didn't work.

what worked for me --> in my case, i observed, webpack minified my public\index.html file.

after clearing out the minified index.html and writing the regular index.html ,for react. all the errors/issues went away. and now, everything is working fine.

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="x-ua-compatible" content="ie=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>document</title>
    </head>
    <body>
        <div id="root"></div>
    </body>
</html>

issues i was facing :

  • most changes in the code are not being reflected, in the dev server.
  • the error startworkingonpendinginteractions was popping up every time the dev server loaded.
  • all of this went away , when i started afresh with a new public/index.html file

hope this helps. i love the os community. đź’•

score:3

if you are using react-scripts version 3.1.2 or any above 3.0.1, you may need to downgrade to version 3.0.1 as it seems to work fine. see the github issue


Related Query

More Query from same tag