title: React Error: Child compilation failed: Must use import to load ES Module
body: <p>I have done a react project on my ubuntu system and uploaded on github, now I am cloning that same repository on my windows system and doing npm install and npm start. It is showing this errors.</p>
  <p><strong>Check these images</strong>
  [1]: <a href="https://i.stack.imgur.com/3cKFp.png" rel="nofollow noreferrer">https://i.stack.imgur.com/3cKFp.png</a>
  [2]: <a href="https://i.stack.imgur.com/v5OHz.png" rel="nofollow noreferrer">https://i.stack.imgur.com/v5OHz.png</a></p>
  <p>I am bit new to react so please help me to fix this issue. My <strong>npm version on windows is 8.7.0</strong> and <strong>node version is v12.16.3</strong></p>
  <pre><code> Compiled with problems:X 
  ERROR
  
  Must use import to load ES Module: C:\Users\user\Desktop\port\frontend\node_modules\@eslint\eslintrc\universal.js
  require() of ES modules is not supported.
  require() of C:\Users\user\Desktop\port\frontend\node_modules\@eslint\eslintrc\universal.js from C:\Users\user\Desktop\port\frontend\node_modules\eslint\lib\linter\linter.js is an ES module file as it is a .js file whose nearest parent package.json contains &quot;type&quot;: &quot;module&quot; which defines all .js files in that package scope as ES modules.
  Instead rename universal.js to end in .cjs, change the requiring code to use import(), or remove &quot;type&quot;: &quot;module&quot; from C:\Users\user\Desktop\port\frontend\node_modules\@eslint\eslintrc\package.json.
  
  
  ERROR
  
    Error: Child compilation failed:
    Must use import to load ES Module: C:\Users\user\Desktop\port\frontend\node_modules\@eslint\eslintrc\universal.js
    require() of ES modules is not supported.
    require() of C:\Users\user\Desktop\port\frontend\node_modules\@eslint\eslintrc\universal.js from C:\Users\user\Desktop\port\frontend\node  _modules\eslint\lib\linter\linter.js is an ES module file as it is a .js file whose nearest parent package.json contains &quot;type&quot;: &quot;module&quot;   which defines all .js files in that package scope as ES modules.
    Instead rename universal.js to end in .cjs, change the requiring code to use import(), or remove &quot;type&quot;: &quot;module&quot; from C:\Users\user\Desk  top\port\frontend\node_modules\@eslint\eslintrc\package.json.
    
    - child-compiler.js:169 
      [frontend]/[html-webpack-plugin]/lib/child-compiler.js:169:18
    
    - Compiler.js:564 
      [frontend]/[webpack]/lib/Compiler.js:564:11
    
    - Compiler.js:1183 
      [frontend]/[webpack]/lib/Compiler.js:1183:17
    
    
    - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]
      [frontend]/[tapable]/lib/Hook.js:18:14
    
    - Compiler.js:1179 
      [frontend]/[webpack]/lib/Compiler.js:1179:33
    
    - Compilation.js:2784 finalCallback
      [frontend]/[webpack]/lib/Compilation.js:2784:11
    
    - Compilation.js:3089 
      [frontend]/[webpack]/lib/Compilation.js:3089:11
    
    
    - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]
      [frontend]/[tapable]/lib/Hook.js:18:14
  </code></pre>