title: Bootstrap 5 ReferenceError: bootstrap is not defined
body: <p>I'm just finish install bootstrap 5 version <code>^5.0.0-alpha1</code> and import bootstrap in <code>app.js</code></p>
  <pre><code>import &quot;bootstrap&quot;
  </code></pre>
  <p><strong>other.js</strong></p>
  <pre><code>var myModal = new bootstrap.Modal(document.getElementById('myModal'));
  myModal.show();
  </code></pre>
  <p>when I run the code it give me error <strong>ReferenceError: bootstrap is not defined</strong>.</p>
  <p>then I try to import bootstrap in <strong>other.js</strong> like this</p>
  <pre><code>import bootstrap from &quot;bootstrap&quot;
  </code></pre>
  <p>but when I run <code>npm run dev</code> error <strong>&quot;export 'default' (imported as 'bootstrap') was not found in 'bootstrap'</strong></p>
  <p>If Im import modal manually like <code>import { Modal } from &quot;bootstrap&quot;</code> it give me error <strong>&quot;TypeError: Illegal invocation&quot;</strong></p>