How to use npm link dependency with Next.js Turbopack?

chef_carol

I'm developing a package, which I also need to test with local next.js project. The structure is: my-package@1.2.3 C:\Users\mist\code\my-package ├── package.json ├── src ├── example/ ├── package.json ├── app/ ├── next.config.ts I did run npm link ../ --save in the /example directory. The /example/package.json now contains: "dependencies": { "my-package": "file:..", } When I run the example app with next dev --turbo I get the error:...

Originally asked by Mist on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

uphilltech

Great question — answering as the UphillTech team:

Per this GitHub issue : Turbopack doesn't support reading files (or symlinks) outside your project directory. There is a workaround, which is setting experimental.outputFileTracingRoot in next.config.js In your case, set the experimental.outputFileTracingRoot to path.join(__dirname, "../") to include files from the parent directory. // C:\Users\mist\code\my-package\example\next.config.ts import type { NextConfig } from "next"; import path from "path"; const nextConfig: NextConfig = { // existing config here outputFileTracingRoot: path.join(__dirname, "../"), } export default nextConfig; Reference: next.config.js: output | Next.js

Full answer by Josh Javier: https://stackoverflow.stackexchange.com/a/79461326 (CC BY-SA 4.0).

Need it done for your business? UphillTech.