Cannot make select2 work with assetmapper and stimulus

[Matoto951]

Hello, I'm trying to add a select2 stimulus component to my app, but I cannot make it work.
I ran
php bin/console importmap:require select2

and created a select2_controller.js stimulus controller

import {Controller} from '@hotwired/stimulus';

import $ from 'jquery';
import 'select2';
import 'select2/dist/css/select2.min.css';

export default class extends Controller {
    connect() {
        $(this.element).select2()
    }
}

I always get this error:

Error connecting controller

TypeError: $(...).select2 is not a function

I tried many ways to import select2, but cannot make it work.

Any tips would greatly help!

[Matoto951]

I discovered that the select2 library seems to be the issue.
I needed to import the direct cdn file in my local folders and import it like:

import '../js/select2.min.js';
import 'https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css';

then, in the local select2.min.js, I simply added:
import jQuery from 'jquery'

at the beginning of the file...
at least, now it works!