title: code: 'MODULE_NOT_FOUND', requireStack: [... even when module is visible and the file path is correct
body: <p>So im having an issue creating a app where i cant run npm build without this pooping up,</p>
  <p>PS C:\Users\finnm\OneDrive\Desktop\Finn's stuff\NFT\DenOfDragons\minting_staking_dapp&gt; npm start</p>
  <blockquote>
  <p>minting_staking_dapp@0.1.0 start
  react-app-rewired start</p>
  </blockquote>
  <pre><code>node:internal/modules/cjs/loader:936
    throw err;
    ^
  
  Error: Cannot find module 'C:\Users\finnm\OneDrive\Desktop\Finn's stuff\NFT\DenOfDragons\minting_staking_dapp\node_modules\react-scripts/config/webpack.config.dev'
  Require stack:
  - C:\Users\finnm\OneDrive\Desktop\Finn's stuff\NFT\DenOfDragons\minting_staking_dapp\node_modules\react-app-rewired\scripts\start.js
      at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
      at Function.Module._load (node:internal/modules/cjs/loader:778:27)
      at Module.require (node:internal/modules/cjs/loader:1005:19)
      at require (node:internal/modules/cjs/helpers:102:18)
      at Object.&lt;anonymous&gt; (C:\Users\finnm\OneDrive\Desktop\Finn's stuff\NFT\DenOfDragons\minting_staking_dapp\node_modules\react-app-rewired\scripts\start.js:9:23)
      at Module._compile (node:internal/modules/cjs/loader:1103:14)
      at Object.Module._extensions..js (node:internal/modules/cjs/loader:1155:10)
      at Module.load (node:internal/modules/cjs/loader:981:32)
      at Function.Module._load (node:internal/modules/cjs/loader:822:12)
      at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12) {
    code: 'MODULE_NOT_FOUND',
    requireStack: [
      &quot;C:\\Users\\finnm\\OneDrive\\Desktop\\Finn's stuff\\NFT\\DenOfDragons\\minting_staking_dapp\\node_modules\\react-app-rewired\\scripts\\start.js&quot;
    ]
  }
  PS C:\Users\finnm\OneDrive\Desktop\Finn's stuff\NFT\DenOfDragons\minting_staking_dapp&gt; 
  </code></pre>
  <p>the module is there and the path is correct so i don't understand why it is not found</p>
  <p>node version: 16.14.0
  npm version: 8.5.2</p>
  <p>here is my package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;minting_staking_dapp&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@testing-library/jest-dom&quot;: &quot;^5.16.2&quot;,
      &quot;@testing-library/react&quot;: &quot;^12.1.3&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^13.5.0&quot;,
      &quot;contracts&quot;: &quot;file:./SmartContractMetaData&quot;,
      &quot;react&quot;: &quot;^17.0.2&quot;,
      &quot;react-dom&quot;: &quot;^17.0.2&quot;,
      &quot;react-scripts&quot;: &quot;5.0.0&quot;,
      &quot;react-app-rewired&quot;: &quot;^1.6.2&quot;,  
      &quot;web-vitals&quot;: &quot;^2.1.4&quot;,
      &quot;web3&quot;: &quot;^1.7.0&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-app-rewired start&quot;,
      &quot;build&quot;: &quot;react-app-rewired build&quot;,
      &quot;test&quot;: &quot;react-app-rewired test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: [
        &quot;react-app&quot;,
        &quot;react-app/jest&quot;
      ]
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    },
    &quot;devDependencies&quot;: {
      &quot;assert&quot;: &quot;^2.0.0&quot;,
      &quot;crypto-browserify&quot;: &quot;^3.12.0&quot;,
      &quot;https-browserify&quot;: &quot;^1.0.0&quot;,
      &quot;os-browserify&quot;: &quot;^0.3.0&quot;,
      &quot;stream-browserify&quot;: &quot;^3.0.0&quot;,
      &quot;stream-http&quot;: &quot;^3.2.0&quot;
    }
  }
  </code></pre>
  <p>and my config-overrides.js</p>
  <pre><code>const webpack = require('webpack');
  
  module.exports = function override(config) {
      config.ignoreWarnings = [/Failed to parse source map/];
  
      const fallback = config.resolve.fallback || {};
      Object.assign(fallback, {
          &quot;crypto&quot;: require.resolve(&quot;crypto-browserify&quot;),
          &quot;stream&quot;: require.resolve(&quot;stream-browserify&quot;),
          &quot;assert&quot;: require.resolve(&quot;assert&quot;),
          &quot;http&quot;: require.resolve(&quot;stream-http&quot;),
          &quot;https&quot;: require.resolve(&quot;https-browserify&quot;),
          &quot;os&quot;: require.resolve(&quot;os-browserify&quot;),
          &quot;url&quot;: require.resolve(&quot;url&quot;)
      })
      config.resolve.fallback = fallback;
      config.plugins = (config.plugins || []).concat([
          new webpack.ProvidePlugin({
              process: 'process/browser',
              Buffer: ['buffer', 'Buffer']
          })
      ])
      return config;
  }
  </code></pre>
  <p>thanks for any help you can offer</p>