Runtime error with rollup

[mikob]

Runtime error with rollup

[TarekRaafat]

Please share your rollup config file if possible along with your dependencies, in order for me to be able to reproduce.

[mikob]

Np. Here is the rollup config, but I don't think anything here is unusual:

import html from 'rollup-plugin-html';
import typescript from 'rollup-plugin-typescript';
import resolve from 'rollup-plugin-node-resolve';
import globby from 'globby';

export default {
	input: globby.sync('src/modules/*'),
	plugins: [
		resolve(),
		typescript(),
		html({
			include: '**/*.html',
			htmlMinifierOptions: {
                collapseWhitespace: true,
                collapseBooleanAttributes: true,
                conservativeCollapse: true,
				minifyJS: true,
				minifyCSS: true,
				removeComments: true,
            }
		}),
	],
	experimentalCodeSplitting: true,
	output: {
		dir: 'chrome-extension/dist/modules',
		entryFileNames: '[name].mjs',
		format: 'esm',
	}
}

[TarekRaafat]

Hello @mikob, do you still have this Runtime Error issue?

[mikob]

Not sure, I'm not using this anymore. I'll close!

[d3pendent]

For everyone who might stumble over this issue:

Using rollup and getting Error: 'default' is not exported by node_modules/@tarekraafat/autocomplete. js/dist/js/autoComplete.js ?

You should use the plugin commonjs with namedExports in your rollup config.
NPM Package for common js rollup plugin: rollup-plugin-commonjs

...
    const plugins = [
        commonjs({
            namedExports: {
                '@tarekraafat/autocomplete.js': ['AutoCompleteJS']
            }
        })
    ];
...

then you can use import AutoCompleteJS from '@tarekraafat/autocomplete.js' un you js file.

instead of AutoCompleteJS you can use whatever name you want.

Hope this helps ;)