tagify | jQuery plugin to create a tagified '' UI control | Plugin library

I'm trying to get the data through ajax for tagify whitelist. but I get the following mistake

I asked this yesterday, but I didn't really get a solution, and after thinking more, I'm still unsure about what I can do to get by this issue.

In an asp.net Core web application I'm using the Tagify component (Tagify home page & examples) for showing tags in input and textarea controls. Following an example from the link (see under: Same using custom suggestions) I have the following code:

Not sure what I'm missing here, but nothing I do seems to allow @push('styles') or @push ('scripts') to work.

layout/app.blade.php includes:

I want this element to self hide once clicked. How do I target self with Alpine, and string 2 @click events together?

I'm using Tagify in my project and its working in chrome. Now I want it to work in IE9 too. So I added the polyfill that the plugin provided but it keep show error in the tagify.min.js for this line:

parseHTML:function(t){return(new DOMParser).parseFromString(t.trim(),"text/html").body.firstElementChild}

I'd be grateful for any pointers. Below is the code:

Using Twig in Symfony 5, it appear that declarations in template like this :

Using bootstrap datetimepicker with init like :

I'm using Tagify for the responsible for the tags in my application. I want each tag to be lowercase and to only have _ as special characters. I found a way to force this as I'm processing the input, but not to display to the user what's happening, e.g. interacting directly with the itself.

The main problem is that the element bound to Tagify is replaced by other elements and thus I can't interact directly with those elements.