Can't import JS files with normal ESM syntax inside components

[matthew-ia]

Pretty sure this another bug related to svelte/register.

E.g., this throws an error:

Error [ERR_REQUIRE_ESM]: require() of ES Module not supported.
(code: 'ERR_REQUIRE_ESM')

which doesn't make sense, because we're not using require().

import { some } from 'file.js';

[matthew-ia]

This is the only workaround I've found, using import(), which is a suggestion in the error report:

let look = {};
import('../js/Looks.js').then((m)=>{
  const Looks = m.default;
  look = new Looks();
});

[matthew-ia]

import() fix doesn't work bc it's async. Use CJS. This is actually a known limitation of svelte/register, but can't be fixed for now. Also consider this comment re: svelte/reigster from the penguin.

const some = require('../some.js').default;

Almost require doesn't work in normal Svelte land but it works fine for register. All I had to do was read the error a few more times.

Also means file being imported needs .cjs extension and to use CJS import/export syntax, i.e., export default ... goes to exports.default = ...

[matthew-ia]

This will likely and hopefully be fixed when the full fix for #42 is resolved.