Can't import the named export 'parse' from non EcmaScript module about worktop HOT 6 CLOSED

Thank you so much for the quick response @lukeed!

Webpack can be such a pain indeed... I didn't get that snippet to work immediately but it definitely pointed me to the right direction. I fiddled around with the resolve section and got regexparam to work but then it started complaining about worktop/router. Eventually I arrived at the following webpack config, which fixed it for me.

module.exports = {
  target: 'webworker',
  entry: './index.js',
  module: {
    rules: [
      {
        test: /\.mjs$/,
        include: /node_modules/,
        type: 'javascript/auto',
      },
    ],
  },
}

Back to the fun stuff now. Thanks again!

from worktop.

Awesome, thank you. Now have two snippets I can refer Webpack users to 😉 Thanks!

from worktop.

Hey, thank you :)

This is a problem with Webpack. They've gone rogue & employed their own, non-spec-compliant resolution algorithm & are happy to do so because – I guess – they think they're popular enough & can just do whatever they want.

That parse method is from regexparam, which will resolve to regexparam/dist/index.mjs via this line. You'll see that that file has the named parse export. Everything is setup correctly – which can be verified with any other tool that's configured correctly.

That said, you can still force Webpack to load the correct file(s) via its resolve.alias option. Your webpack.config.js may end up looking something like:

const path = require('path');

module.exports = {
  //...
  resolve: {
    alias: {
      regexparam: require.resolve('regexparam'),
    },
  },
};

Lemme know if that does the trick!

from worktop.

Ah, hah, so it's the age-old mjs issue again. If you don't mind, can you see if webpack-modules works here?

from worktop.

Ah, hah, so it's the age-old mjs issue again. If you don't mind, can you see if webpack-modules works here?

This works too!

from worktop.

@lukeed When switching away from Webpack, what "type" do you recommend, and what's needed in order to migrate away from webpack?

In my wrangler.toml file, if I remove webpack and instead write "javascript" I get an different error. The examples in this repo doesn't even have a wrangler.toml file, but if I omit it wrangler will complain:

Error: missing field `type`

If I set it to type "javascript" I get:

Uncaught SyntaxError: Cannot use import statement outside a module

For now the only solution is to default back to using webpack with a custom webpack.config.js

from worktop.