title: command npm generates errors related to lifecycle and starting the App
body: <p>i am learning openlayers and javascript. in the followig tutorial</p>
  <p><a href="https://openlayers.org/en/latest/doc/tutorials/bundle.html" rel="nofollow noreferrer">https://openlayers.org/en/latest/doc/tutorials/bundle.html</a></p>
  <p>it shows a simple openlayers project with javascript. i follow the tutorial but the command</p>
  <pre><code>npm start 
  npm run start
  </code></pre>
  <p>gives me the following error:</p>
  <pre><code>    (venv) M:\openlayers\projects\app1&gt;npm start
  
  &gt; app1@1.0.0 start M:\openlayers\projects\app1
  &gt; parcel index.html
  
  Der Befehl &quot;parcel&quot; ist entweder falsch geschrieben oder
  konnte nicht gefunden werden.
  npm ERR! code ELIFECYCLE
  npm ERR! errno 1
  npm ERR! app1@1.0.0 start: `parcel index.html`
  npm ERR! Exit status 1
  npm ERR!
  npm ERR! Failed at the app1@1.0.0 start script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
  npm WARN Local package.json exists, but node_modules missing, did you mean to install?
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     C:\Users\Amr.Bakri\AppData\Roaming\npm-cache\_logs\2021-03-17T09_48_09_536Z-debug.log
  </code></pre>
  <p><strong>index.javascript</strong>:</p>
  <pre><code>import 'ol/ol.css';
  import {Map, View} from 'ol';
  import TileLayer from 'ol/layer/Tile';
  import OSM from 'ol/source/OSM';
  
  const map = new Map({
    target: 'map',
    layers: [
      new TileLayer({
        source: new OSM()
      })
    ],
    view: new View({
      center: [0, 0],
      zoom: 0
    })
  });
  </code></pre>
  <p><strong>index.html</strong>:</p>
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot;&gt;
      &lt;title&gt;Using Parcel with OpenLayers&lt;/title&gt;
      &lt;style&gt;
        #map {
          width: 400px;
          height: 250px;
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id=&quot;map&quot;&gt;&lt;/div&gt;
      &lt;script src=&quot;./index.js&quot;&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>