Error: The requested module './air-datepicker.js' does not provide an export named 'default'

[yourchoice]

Error: The requested module './air-datepicker.js' does not provide an export named 'default'a

In main html I load script main.js

document.querySelector('.dpr-input')?.addEventListener("click", event => {
       const el = event.target;
	(async () => {
		const AirDatepicker =  await import('/assets/plugins/air-datepicker/index.es.js');
		//new AirDatepicker('#date_start', { });
	})();
});

Then, the file "/assets/plugins/air-datepicker/index.es.js":

import AirDatepicker from './air-datepicker.js';
export AirDatepicker; //or export default AirDatepicker;

But i get errors like: The requested module './air-datepicker.js' does not provide an export named 'default' (at index.es.js) or Uncaught (in promise) SyntaxError: Unexpected token 'export' (at index.es.js:15:1)

Please if somebody can help me how to import - export without errors.

Thank You!


[ConnectGrid]

I'm battling these module-specific errors, too. These libraries describe themselves as "dependency-free", but then are written in a way where "loading as a module" is a dependency in and of itself.

I'm currently having trouble loading a locale file dynamically, rather than using the import statement.

I hope one day this overcomplication of JavaScript can return to some level of sanity. 🤓