title: Getting an existing React App up and running
body: <p>I'm trying to get an already existing React App running locally on my Mac. I have all the source files, and have node.js installed on my machine.</p>
  <p>When I run <code>npm install</code> I'm greeted with a long list of deprecations and npm ERRors. A list so long it far exceeds the Stack overflow character limit. Here's how it <em>ends</em>.</p>
  <pre><code>npm ERR! 2 warnings generated.
  npm ERR! In file included from ../src/libsass/src/util.cpp:3:
  npm ERR! ../src/libsass/src/ast.hpp:1614:25: warning: loop variable 'numerator' creates a copy from type 'const std::__1::basic_string&lt;char&gt;' [-Wrange-loop-construct]
  npm ERR!         for (const auto numerator : numerators)
  npm ERR!                         ^
  npm ERR! ../src/libsass/src/ast.hpp:1614:14: note: use reference type 'const std::__1::basic_string&lt;char&gt; &amp;' to prevent copying
  npm ERR!         for (const auto numerator : numerators)
  npm ERR!              ^~~~~~~~~~~~~~~~~~~~~~
  npm ERR!                         &amp;
  npm ERR! ../src/libsass/src/ast.hpp:1616:25: warning: loop variable 'denominator' creates a copy from type 'const std::__1::basic_string&lt;char&gt;' [-Wrange-loop-construct]
  npm ERR!         for (const auto denominator : denominators)
  npm ERR!                         ^
  npm ERR! ../src/libsass/src/ast.hpp:1616:14: note: use reference type 'const std::__1::basic_string&lt;char&gt; &amp;' to prevent copying
  npm ERR!         for (const auto denominator : denominators)
  npm ERR!              ^~~~~~~~~~~~~~~~~~~~~~~~
  npm ERR!                         &amp;
  npm ERR! 2 warnings generated.
  npm ERR! In file included from ../src/libsass/src/values.cpp:3:
  npm ERR! In file included from ../src/libsass/src/values.hpp:4:
  npm ERR! ../src/libsass/src/ast.hpp:1614:25: warning: loop variable 'numerator' creates a copy from type 'const std::__1::basic_string&lt;char&gt;' [-Wrange-loop-construct]
  npm ERR!         for (const auto numerator : numerators)
  npm ERR!                         ^
  npm ERR! ../src/libsass/src/ast.hpp:1614:14: note: use reference type 'const std::__1::basic_string&lt;char&gt; &amp;' to prevent copying
  npm ERR!         for (const auto numerator : numerators)
  npm ERR!              ^~~~~~~~~~~~~~~~~~~~~~
  npm ERR!                         &amp;
  npm ERR! ../src/libsass/src/ast.hpp:1616:25: warning: loop variable 'denominator' creates a copy from type 'const std::__1::basic_string&lt;char&gt;' [-Wrange-loop-construct]
  npm ERR!         for (const auto denominator : denominators)
  npm ERR!                         ^
  npm ERR! ../src/libsass/src/ast.hpp:1616:14: note: use reference type 'const std::__1::basic_string&lt;char&gt; &amp;' to prevent copying
  npm ERR!         for (const auto denominator : denominators)
  npm ERR!              ^~~~~~~~~~~~~~~~~~~~~~~~
  npm ERR!                         &amp;
  npm ERR! 2 warnings generated.
  npm ERR! In file included from ../src/binding.cpp:1:
  npm ERR! In file included from ../../nan/nan.h:58:
  npm ERR! In file included from /Users/USER/.node-gyp/16.13.1/include/node/node.h:63:
  npm ERR! In file included from /Users/USER/.node-gyp/16.13.1/include/node/v8.h:30:
  npm ERR! /Users/USER/.node-gyp/16.13.1/include/node/v8-internal.h:492:38: error: no template named 'remove_cv_t' in namespace 'std'; did you mean 'remove_cv'?
  npm ERR!             !std::is_same&lt;Data, std::remove_cv_t&lt;T&gt;&gt;::value&gt;::Perform(data);
  npm ERR!                                 ~~~~~^~~~~~~~~~~
  npm ERR!                                      remove_cv
  npm ERR! /Library/Developer/CommandLineTools/SDKs/MacOSX.sdk/usr/include/c++/v1/type_traits:776:50: note: 'remove_cv' declared here
  npm ERR! template &lt;class _Tp&gt; struct _LIBCPP_TEMPLATE_VIS remove_cv
  npm ERR!                                                  ^
  npm ERR! 1 error generated.
  npm ERR! make: *** [Release/obj.target/binding/src/binding.o] Error 1
  npm ERR! gyp ERR! build error 
  npm ERR! gyp ERR! stack Error: `make` failed with exit code: 2
  npm ERR! gyp ERR! stack     at ChildProcess.onExit (/Users/USER/Desktop/it-cc/node_modules/node-gyp/lib/build.js:262:23)
  npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:390:28)
  npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
  npm ERR! gyp ERR! System Darwin 20.6.0
  npm ERR! gyp ERR! command &quot;/usr/local/bin/node&quot; &quot;/Users/USER/Desktop/it-cc/node_modules/node-gyp/bin/node-gyp.js&quot; &quot;rebuild&quot; &quot;--verbose&quot; &quot;--libsass_ext=&quot; &quot;--libsass_cflags=&quot; &quot;--libsass_ldflags=&quot; &quot;--libsass_library=&quot;
  npm ERR! gyp ERR! cwd /Users/USER/Desktop/it-cc/node_modules/node-sass
  npm ERR! gyp ERR! node -v v16.13.1
  npm ERR! gyp ERR! node-gyp -v v3.8.0
  npm ERR! gyp ERR! not ok 
  npm ERR! Build failed with error code: 1
  
  </code></pre>
  <p>I have tried the following:</p>
  <ul>
  <li>Making sure all lock files &amp; node_module directory is deleted</li>
  <li>Cleared cache by <code>npm cache clear --force</code></li>
  <li><code>npm audit fix</code></li>
  </ul>
  <p>I'm a bit of a noob to React and would really appreciate any help!</p>
  <p>package.json contents:</p>
  <pre><code>{
    &quot;name&quot;: &quot;marketing-roi&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@material-ui/core&quot;: &quot;^4.10.0&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^4.2.4&quot;,
      &quot;@testing-library/react&quot;: &quot;^9.5.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^7.2.1&quot;,
      &quot;node-sass&quot;: &quot;^4.14.1&quot;,
      &quot;react&quot;: &quot;^16.13.1&quot;,
      &quot;react-dom&quot;: &quot;^16.13.1&quot;,
      &quot;react-redux&quot;: &quot;^7.2.0&quot;,
      &quot;react-scripts&quot;: &quot;3.4.1&quot;,
      &quot;redux&quot;: &quot;^4.0.5&quot;,
      &quot;redux-thunk&quot;: &quot;^2.3.0&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&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;
      ]
    }
  }
  </code></pre>