bootstrap-3-typeahead with local installation

This is how i did in my last project

require('typeahead.js'); //import typeahead
let Handlebars = require('handlebars'); //import Handlebars which is a small size js template engine
let axios = require('axios');

$('.typeahead').typeahead({
        highlight: true,
    },
    {
        display: 'title',
        source: function (query, syncResults, asyncResults) {
            axios.get('/search', {
                responseType: 'json',
                params: {
                    query: query
                }
            }).then(function (response) {
                asyncResults(response.data);
            });
        },
        templates: {
            empty: Handlebars.compile('<div class="bg-white border p-3 rounded"><p>No results found</p></div>'),
            suggestion: Handlebars.compile('<div class="d-flex bg-white border p-3 rounded"><div class="w-75 mr-2"><p class="h4">{{title}}</p><p>{{description}}</p></div><div class="w-25"><img class="img-fluid" src="{{thumbnail}}" alt="title" style="max-height: 150px"></div></div>')
            //<a href="/products/{{slug}}" class="position-absolute" style="height: 100%; width: 100%; top:0; left: 0"></a>
        }
    });

what type of file is that? That does not work in the script part of a blade-file

No, this is es6 you need to add it in your resources/js/app.js and the run npm run dev to compile it.

if you are going to install package through npm you have to require them require('typeahead.js'); and then compile you source js files, otherwise you should stick with CDN or local installation

It would be nice, if you could explain that in 3 words. I installed es6 with <npm install es6 --save> . Is that the right way? Now which line do i need in app.js to register? Tried

require('./ES6.js');

in app.js, but compiling that gives me: can't resolve

I think i have something to import before ...

es6 is not something you install ,read about laravel mix