Can't import AlertifyJS in JavaScript

Question

When importing AlertifyJS, I am able to successfully use script tags in the HTML like this:

<script src="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.13.1/alertify.min.js"></script>

But if I move the import into JS using import * as alertify from './AlertifyJS'; I can't get my project to recognise the library. But everything I have read says this should work, am I doing something wrong?

I have also tried other examples like;

import alertifyjs from 'alertifyjs';

import * as alertify from 'alertify.js';

var alertify = require('alertifyjs');

Answer 1

You can't export JS from HTML. You can import it however, using the type="module" attribute on the tag:

    <script type="module">
        import alertifyjs from 'alertifyjs';

        alertifyjs.myAlert("Browser dialogs made easy!");
    </script>