title: Issues with react and react-dom dependencies
body: <p>I am starting to learn ReactJS. I have node installed on my computer. I am writing a basic &quot;Hello World&quot; Programming to see if my setup is alright.</p>
  <p>The package.json file is:</p>
  <pre><code>  {
    &quot;name&quot;: &quot;part1&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;&quot;,
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;type&quot;: &quot;module&quot;,
    &quot;scripts&quot;: {
      &quot;test&quot;: &quot;echo \&quot;Error: no test specified\&quot; &amp;&amp; exit 1&quot;
    },
    &quot;keywords&quot;: [],
    &quot;author&quot;: &quot;&quot;,
    &quot;license&quot;: &quot;ISC&quot;,
    &quot;dependencies&quot;: {
      &quot;react&quot;: &quot;^16.13.1&quot;,
      &quot;react-dom&quot;: &quot;^16.13.1&quot;
    }
  }
  </code></pre>
  <p>The Javascript and HTML files are as follows-</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;title&gt;Part1&lt;/title&gt;
      &lt;link href=&quot;style.css&quot; rel=&quot;stylesheet&quot;&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id=&quot;root&quot;&gt;
  
  
      &lt;/div&gt;
      &lt;script src=&quot;index.js&quot; &gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Javascript</p>
  <pre><code>import React from &quot;react&quot;;
  import ReactDOM from &quot;react-dom&quot;;
  
  ReactDOM.render(&lt;h1&gt;&quot;Hello world&quot;&lt;/h1&gt;,document.getElementById(&quot;root&quot;));
  </code></pre>
  <p>However when i run this on the html file on the browser I get an error in the console as:
  Uncaught SyntaxError: Cannot use import statement outside a module
  and no output is displayed.
  I am using VSCode and when i run the script using inbuilt run, i get an error that states that To run ES add type:module in package.json which i understand since the inbuilt run probably runs on node but why is this issue there on the browser and live server also?
  Is this a setup issue or a semantic issue or any other technical issue. How do I resolve this?</p>
  <p>When I am running using npm start the following is the error log-</p>
  <pre><code>0 info it worked if it ends with ok
  1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'start' ]
  2 info using npm@6.14.6
  3 info using node@v12.18.3
  4 verbose stack Error: missing script: start
  4 verbose stack     at run (/usr/local/lib/node_modules/npm/lib/run-script.js:155:19)
  4 verbose stack     at /usr/local/lib/node_modules/npm/lib/run-script.js:63:5
  4 verbose stack     at /usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:116:5
  4 verbose stack     at /usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:436:5
  4 verbose stack     at checkBinReferences_ (/usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:391:45)
  4 verbose stack     at final (/usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:434:3)
  4 verbose stack     at then (/usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:161:5)
  4 verbose stack     at ReadFileContext.&lt;anonymous&gt; (/usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:350:20)
  4 verbose stack     at ReadFileContext.callback (/usr/local/lib/node_modules/npm/node_modules/graceful-fs/graceful-fs.js:123:16)
  4 verbose stack     at FSReqCallback.readFileAfterOpen [as oncomplete] (fs.js:261:13)
  5 verbose cwd /Users/pk/Desktop/Learning-react/part1
  6 verbose Darwin 19.3.0
  7 verbose argv &quot;/usr/local/bin/node&quot; &quot;/usr/local/bin/npm&quot; &quot;start&quot;
  8 verbose node v12.18.3
  9 verbose npm  v6.14.6
  10 error missing script: start
  11 verbose exit [ 1, true ]
  </code></pre>