ES6 library compiled with laravel-mix not working

Question

I'm building small js es6 library.

class Library {
    get(key) {
        console.log("Get")
    }

    set(key, value, options) {
       console.log("Set")
    }


    delete(key) {
        console.log("Delete")
    }
}

export default Library

I'm using laravel-mix to compile code.

let mix = require('laravel-mix')
mix.js('src/index.js', 'dist')

Then I import compiled script in HTML:

<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>

    <body>
        <h1>Title</h1>
        <script src="../dist/index.js"></script>
        <script>
            var lib = new Library();
        </script>
    </body>
</html>

But I get js error: Uncaught ReferenceError: Library is not defined

What am I doing wrong?

MandyShaw · Accepted Answer · 2019-09-12 12:18:39Z

1

You can't use ../ in an HTML reference - should be a web path not a file path - I would think that is the problem.

answered Sep 12, 2019 at 12:18

MandyShaw

1,1653 gold badges15 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ES6 library compiled with laravel-mix not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related