next-transpile-modules: Watching doesn't work on top level imports

Hello! I created a demo repository for my situation with yarn workspaces: https://github.com/otroboe/next-transpile-modules-demo

Basically a “main app” with a shared lib. Not even a specific babel configuration. When I change the code in the lib, my app doesn’t reload, I have to restart it to have the change.

I hope it can help you, and maybe others!

I’m on Ubuntu 18.04.

Could reproduce it on Linux. Investigating.

Hi!

@martpie I think you can use official with-yarn-workspaces example from next.js repo. In this case config.resolve.symlinks = true solution works just fine.

Right now I have similar issue, but with TypeScript. If you’re using ts / tsx files you can’t use config.resolve.symlinks = true because you will get error about missing webpack loader for ts/tsx file.

After few trys I came with quite simple solution (no idea if it’s correct, but it works).

My project

/packages/
  /portal   // @app/portal
  /ui       // @app/ui
  /icons    // @app/iconcs

withTranspileModules({
  transpileModules: ["ui", "icons"],
  webpack(config) {
    config.resolve.symlinks = true;
    return config;
  }
});

As you can see the biggest change is that I’m not providing package names but folder names.

Hope it helps 😃

References:

• https://github.com/webpack/watchpack/issues/61
• https://github.com/webpack/webpack/issues/6845
• https://github.com/webpack/watchpack/issues/57

Can’t do much for now, I’ll check again why I enabled the resolve.symlinks rule, it seems to be working without, but I know I had trouble without it before.

Not sure if what I’m doing is wrong but setting resolve.symlinks back to true seems to fix it.

I will think about adding a configuration option to change this. I may have time to work on this this week-end 😃

Sidenode @merrywhether, if you are transpiling npm packages, what is the problem with watching? You’re not changing those files yourself 🤔

this config.resolve.symlinks is apparently a problem for many. I could probably make it opt-out in a future release. Would that solve everyone’s problem?

Hello guys, I have a lot on my plate right now, but I will try to work on it, it’s a bit hard to debug as my development machine is a Mac, but I’ll do my best. I have a couple of ideas I would like to try.

Having a reproduction repo would help a lot.

if I face issues with symlinks off

Yes please! I am investigating on my side as well, did not face any error so far, but I know I added it for a reason I can’t remember ><