Does this module work with dynamic imports?

[jaredrada]

• [x] I HAVE READ THE FAQ AND MY PROBLEM WAS NOT DESCRIBED THERE
• [x] I WILL GIVE 10$ TO CHARITY IF MY SOLUTION WAS ACTUALLY IN THE README/FAQ

Are you trying to transpile a local package or an npm package? I am trying to transpile an npm package lodash-es which is a subdependency of an private/internal package.

Describe the bug I have a next/dynamic import of a private/internal dependency and there is a subdependency on lodash-es. I can see that while I have debug: true the path to the offending file (lodash-es/debounce) is listed by this module as undergoing transpiling, but the error I'm fixing still persists, so I am wondering if my usage of next/dynamic eg dynamic(() => import('my-internal-component') is preventing the transpiling?

/[my-project]/nextjs/node_modules/lodash-es/debounce.js:1
import isObject from './isObject.js';
^^^^^^

SyntaxError: Cannot use import statement outside a module

To Reproduce

1. Make a dynamic import, which has a subdependency on lodash-es: const myComponent = dynamic(() => import('my-internal-component'))
2. Notice transpiling does not occur for module specified for transpiling, lodash-es

Expected behavior Even if the dependency/subdependency is imported via @next/dynamic it should still transpile the underlying module to CJS.

Setup

• Next.js version: 10.2.0
• next-transpile-modules version: 7.2.0
• Node.js version: 14.16.1
• npm/yarn version: 6.14.12
• Operating System: MacOS 10.14.16
• Webpack 4 or 5: 4 (custom Webpack config in Next JS)

next.config.js

const path = require('path')
const extraStuff = path.join(__dirname, 'extraStuff')
const withTM = require('next-transpile-modules')(['lodash-es'], {debug: true});

module.exports = withTM({
  poweredByHeader: false,
  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
    config.module.rules[0].include.push(extraStuff)
    return config
  }
});

Additional context N/A

[martpie]

This is a very good question, I would expect dynamic imports to have their separate bundles and to be built at build time. I will have to double check that.

[louisgv]

I tested out dynamic import of a local scoped package in my project and it sadly does not work.