Must use import to load ES Module: path/to/project-root/node_modules/dexie/dist/modern/dexie.mjs

[neilnahid]

I'm currently using nextjs 11 + typescript and I followed this example: https://github.com/dfahlander/dexie-todo-list
and then I encountered this error

I'm trying to run dexie in the browser.

[neilnahid]

I've resolved this by using the next-transpile-modules plugin

// eslint-disable-next-line
const withDexie = require('next-transpile-modules')(['dexie']);
module.exports = withDexie({
// your other config here...
})

[michaelwooley]

Thank you @neilnahid . This also turned out to be the fix for a different-but-evidently-related error that I was seeing:

TypeError: class constructors must be invoked with 'new'

[jayaddison]

Hrm. This same issue appears for this import statement when attempting to upgrade to Dexie@3.2.0.

Based on the example in the README here, that should work, I think. I'm a bit reluctant to add next-transpile-modules as a dependency without understanding a bit more about the cause.

@neilnahid @dfahlander don't suppose you can add any more clues / input? I've tried a few tweaks to the import code mentioned, and can experiment a bit more to help track this down.

[dfahlander]

The issue is reported in #1439. Dexie 3.2.0 cannot be required but could be so in previous versions. A new version 3.2.1-beta.2 is just recently published with an extended "exports" field in package.json that hopefully resolves this.

[jayaddison]

Thanks @dfahlander - and confirmed that 3.2.1-beta.2 solves the issue (I'll echo that in #1439 as well).

[argarner]

Adding moduleNameMapper to my jest.config.js resolved this issue for me with @swc/jest

    transform: {
        '^.+\\.(t|j)s?$': '@swc/jest',
    },
    transformIgnorePatterns: [],
    testEnvironment: 'jsdom',
    testPathIgnorePatterns: ['/node_modules/'],
    setupFiles: ['fake-indexeddb/auto'],
    moduleNameMapper: {
        '^dexie$': '<rootDir>/node_modules/dexie',
    },