-
|
We’re excited to introduce Turbopack, the successor to Webpack:
This discussion is where you can provide feedback on the beta. View the documentation and see the currently supported features. |
Beta Was this translation helpful? Give feedback.
Replies: 92 comments 107 replies
-
|
Running next dev --turbo quits instantly. package.json
|
Beta Was this translation helpful? Give feedback.
-
|
Doesn't allow two instances as is. You might have another instance of Next.js running or something else running on port 3000. |
Beta Was this translation helpful? Give feedback.
-
|
That was it. Thank you. |
Beta Was this translation helpful? Give feedback.
-
|
Or pass |
Beta Was this translation helpful? Give feedback.
-
|
We'll have a fix for the silent port exit in vercel/next.js#41989. |
Beta Was this translation helpful? Give feedback.
-
|
no tailwind :( |
Beta Was this translation helpful? Give feedback.
-
|
Tailwind does work, you have an example right here. |
Beta Was this translation helpful? Give feedback.
-
|
So I'm running into this issue as well, I'm getting the Tailwind on Inspect in my dom but, no styling changes on screen. . |
Beta Was this translation helpful? Give feedback.
-
|
same :( |
Beta Was this translation helpful? Give feedback.
-
|
oh... following the example repo, run tailwind static regeneration watch with dev, it works! sorry! |
Beta Was this translation helpful? Give feedback.
-
|
After upgrading I've hit a wall while using turbopacks, it seems like my I get spat the following This is the error on the localhost itself My /** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
swcMinify: true,
images: {
remotePatterns: [
{
protocol: 'http',
hostname: '127.0.0.1',
port: '3001',
pathname: '/uploads/**',
},
],
},
experimental: {
appDir: true,
},
};
module.exports = nextConfig;edit: I've also had to add height and width to all my |
Beta Was this translation helpful? Give feedback.
-
|
Just to quite a few other options seem to be not yet ported to turbopack e.g. distDir etc. |
Beta Was this translation helpful? Give feedback.
-
|
having same issue with external images with next/image |
Beta Was this translation helpful? Give feedback.
-
Even local images refuse to work with me unless they're SVGs |
Beta Was this translation helpful? Give feedback.
-
|
i also had the same issue. it needs to be fixed tho |
Beta Was this translation helpful? Give feedback.
-
|
Looks like my |
Beta Was this translation helpful? Give feedback.
-
|
Seems to struggle with loading my Prisma config |
Beta Was this translation helpful? Give feedback.
-
|
Might have something to do with this? |
Beta Was this translation helpful? Give feedback.
-
|
@m1guelpf Did you figure it out? |
Beta Was this translation helpful? Give feedback.
-
|
We use Typescripts |
Beta Was this translation helpful? Give feedback.
-
|
I'm getting warnings when using Turbopack that I don't think are valid. TypeScript shows a warning when attempting to use export type * from './events';Results in an It looks like TypeScript support for this syntax is not available yet, but may be coming soon: |
Beta Was this translation helpful? Give feedback.
-
|
How do I debug using turbopack? I'm in the example and trying to add |
Beta Was this translation helpful? Give feedback.
-
|
following |
Beta Was this translation helpful? Give feedback.
-
|
The I think this might have to do with the d15308b#diff-f925c8a54d0915699648170786b422f2132ff4751034dfe5c06afbcf565b94b0R92 One of my components is using a |
Beta Was this translation helpful? Give feedback.
-
|
Just confirmed the behavior by creating a new Next project with <div css={{ color: 'green' }}>Hello</div>It results in this output in the terminal when running |
Beta Was this translation helpful? Give feedback.
-
|
I'm seeing the same for one of my projects. |
Beta Was this translation helpful? Give feedback.
-
|
Turbopack failed for me without any message when the port was in use. Freeing the port and trying again worked fine. |
Beta Was this translation helpful? Give feedback.
-
|
We'll have a fix for the silent port exit in vercel/next.js#41989. |
Beta Was this translation helpful? Give feedback.
-
|
when i start development mode with turbo enabled ( (i am using the |
Beta Was this translation helpful? Give feedback.
-
|
In my case these errors came from using Yarn 2 (berry) or pnp inside a monorepo/workspace. Without workspace, it was working in my case. |
Beta Was this translation helpful? Give feedback.
-
|
next@13.4, same error when in a monorepo(with turborepo and pnpm) using |
Beta Was this translation helpful? Give feedback.
-
|
same error with turborepo, pnpm workspace, next 13.4. Any updates on this? |
Beta Was this translation helpful? Give feedback.
-
|
Same here. Hope this gets fixed soon! |
Beta Was this translation helpful? Give feedback.
-
|
For everyone ending up on this issue: The solution is documented in #4763 (comment) |
Beta Was this translation helpful? Give feedback.
-
|
In the Expected (next dev)Borders are rendered around the sections
Actual (next dev --turbo)No borders rendered
|
Beta Was this translation helpful? Give feedback.
-
|
I tried using top level await and it doesn't work with turbopack - no surprise there; there are plenty of core features that have yet to be fleshed out. I just wanted to put my two cents in and say that I hope that there will be support for it since the top level await proposal is in stage 4 😬 |
Beta Was this translation helpful? Give feedback.
-
update tailwind classname |
Beta Was this translation helpful? Give feedback.
-
|
In the example from |
Beta Was this translation helpful? Give feedback.
-
|
Keep getting this error when running 'next dev --turbo' after installing next v13 to my project:
|
Beta Was this translation helpful? Give feedback.
-
|
Same issue here. Simple starter project with Next 13 + MUI + Emotion + dev Turbo: |
Beta Was this translation helpful? Give feedback.
-
|
Same issue here. Using Material UI (v5, comes with emotion by default) over Next 13: |
Beta Was this translation helpful? Give feedback.
-
|
Emotion JS says it’s not something on their side: emotion-js/emotion#2930 - maybe it’s something in MUI? Also opened an issue here if anyone can get to the bottom of this: mui/material-ui#34910 |
Beta Was this translation helpful? Give feedback.
-
|
The issue is not related to emotion. Looks like this import in @mui/system cannot be resolved for some reason - https://github.com/mui/material-ui/blob/master/packages/mui-system/src/styleFunctionSx/styleFunctionSx.js#L2 |
Beta Was this translation helpful? Give feedback.
-
|
Facing the same issue, whilst using Next 13.2.4 + react-social-icons v5.15.0 + dev Turbo |
Beta Was this translation helpful? Give feedback.
-
|
i would like to enable turbopack after i've created a nextjs application without adding the arg when installing. i.e. add to existing projects with nextjs as I've just heard about this feature but unable to |
Beta Was this translation helpful? Give feedback.
-
|
Add a new script in package.json Then use npm run turbo or yarn turbo |
Beta Was this translation helpful? Give feedback.
-
|
Cannot even get the starter example to work. :( 
|
Beta Was this translation helpful? Give feedback.
-
|
Sorry, this was due to git ignoring a case change when I updated the example code recently. It should be fixed in the next patch version. Relevant: vercel/next.js#50223 |
Beta Was this translation helpful? Give feedback.
-
|
Confirmed this is fixed in the latest canary if you want to try it out |
Beta Was this translation helpful? Give feedback.
-
|
Confirmed this is working. Did it impact only the example app or other projects trying turbopack also? |
Beta Was this translation helpful? Give feedback.
-
|
Just the example app |
Beta Was this translation helpful? Give feedback.
-
|
I got severe overheating problems and enormous ram usage when using turbo pack. Been using mac pro m1 for two years now and it is the first time it got overheated. |
Beta Was this translation helpful? Give feedback.
-
|
Sorry to hear you're experiencing this. Does it happen right away, or if you are using it for a long time? We have been focusing on finishing features and fixing bugs, but plan to spend more time looking into performance as we get closer to stable. |
Beta Was this translation helpful? Give feedback.
-
|
Same issue on my M2 Mac Pro, node running at 100%+ CPU usage and browser cannot even connect to the dev server at all. Did not notice the CPU usage until I looked at this comment but sure enough I can confirm. Ran turbo with DEBUG=* env options, and all it says is this after server says ready: |
Beta Was this translation helpful? Give feedback.
-
|
Hi, turbopack is very exciting and thanks for all the hard work! |
Beta Was this translation helpful? Give feedback.
-
|
It's considered a legacy feature, so it's low on the priority list if we even get to it before it's deprecated. You should be able to accomplish the same behavior with environment variables, but if you have issues, let us know. |
Beta Was this translation helpful? Give feedback.
-
|
Getting Error: Cannot find module 'next/dist/server/node-polyfill-fetch' after switching, can't quite figure out why. 
|
Beta Was this translation helpful? Give feedback.
-
|
It appears that this has something to do with the fact that I'm trying to use turbopack inside a mono repo. I ran |
Beta Was this translation helpful? Give feedback.
-
|
Ok I was able to get a reproducible example here. https://github.com/tonyxiao/next-turbopack-example. All that is needed to break turbopack is to set it up inside a pnpm workspace, with starting point being the example app |
Beta Was this translation helpful? Give feedback.
-
|
This should be fixed with 13.4.4 |
Beta Was this translation helpful? Give feedback.
-
|
try : next dev --turbo --root / |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for all of your feedback so far! Now that we are in the beta phase for Some features are still not implemented, and we have been tracking them in this issue: vercel/next.js#49174 |
Beta Was this translation helpful? Give feedback.
-
|
it stuck at ready for hours |
Beta Was this translation helpful? Give feedback.
-
|
i am using app dir but in app dir SSR not render with turbo pack |
Beta Was this translation helpful? Give feedback.
-
|
@boredjoker |
Beta Was this translation helpful? Give feedback.
-
|
@shauryaaher latest next 13.4 app dir |
Beta Was this translation helpful? Give feedback.
-
|
Mongoose error(maybe it is not supported ), try using prisma for a while |
Beta Was this translation helpful? Give feedback.
-
|
Could you try out with v13.5+ and open an issue in the Next.js repo if you are still experiencing an issue? |
Beta Was this translation helpful? Give feedback.
-
|
Hello ! The Nextjs and turbo pack is the best combination so far! Is there a plan to support the i18n setting in the turbo pack? 
|
Beta Was this translation helpful? Give feedback.
-
|
These option should now be enabled in v13.5+ |
Beta Was this translation helpful? Give feedback.
-
|
constantly fetching data while using clerk auth |
Beta Was this translation helpful? Give feedback.
-
|
Could you try out with v13.5+ and open an issue in the Next.js repo if you are still experiencing an issue? |
Beta Was this translation helpful? Give feedback.
-
|
Fonts seem to default to lowest possible font weights. |
Beta Was this translation helpful? Give feedback.
-
|
I'm getting an error: Of course, it runs just fine on Webpack mode. 
|
Beta Was this translation helpful? Give feedback.
-
|
Same error here: |
Beta Was this translation helpful? Give feedback.
-
|
Are you working in a monorepo? In this case you could try #4763 (comment). |
Beta Was this translation helpful? Give feedback.
-
|
Nope, not a monorepo. Tried monorepo too actually, same issue, but it doesn't seem to be related at all. The setup I've done to reproduce the issue is extremely simple. that's it. |
Beta Was this translation helpful? Give feedback.
-
|
As of 13.4.13, I'm no longer getting this error. However, my application still does not run: Show error- error Error: Cannot find module 'modularize-import-loader?name=BookOpenIcon&from=default&as=default&join=./icons/book-open!lucide-react' [at /.next/server/app/chunks/ssr/_028628._.js:135092:15] [at /.next/server/app/chunks/ssr/_028628._.js:135095:3] [at [project]/src/app/(dashboard)/MainMenu.tsx (ecmascript, rsc) (/.next/server/app/chunks/ssr/_028628._.js:135230:3)] at /turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:322:21 [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:394:27] at runModuleExecutionHooks (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:373:5) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:426:9] at instantiateModule (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:321:5) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:393:9] at getOrInstantiateModuleFromParent (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:421:10) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:453:12] at esmImport (/turbopack/[turbopack]/shared/runtime-utils.ts:203:18) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:102:20] [at /.next/server/app/chunks/ssr/_028628._.js:135251:124] [at [project]/src/app/(dashboard)/layout.tsx (ecmascript, rsc) (/.next/server/app/chunks/ssr/_028628._.js:135338:3)] at /turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:322:21 [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:394:27] at runModuleExecutionHooks (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:373:5) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:426:9] at instantiateModule (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:321:5) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:393:9] at getOrInstantiateModuleFromParent (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:421:10) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:453:12] at esmImport (/turbopack/[turbopack]/shared/runtime-utils.ts:203:18) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:102:20] [at Module.default (/.next/server/app/chunks/ssr/_028628._.js:135342:20)] at Array. (/turbopack/[next]/entry/app-entry.tsx:26:14) [/.next/server/app/chunks/ssr/[next]_entry_app-entry_tsx_af3a0c._.js:44:195] at getLayoutOrPageModule (node_modules/next/dist/server/lib/app-dir-module.js:31:32) [/.next/server/app/chunks/ssr/node_modules_338bfa._.js:24862:32] at createComponentTree (node_modules/next/dist/server/app-render/app-render.js:417:83) [/.next/server/app/chunks/ssr/node_modules_338bfa._.js:28111:85] at node_modules/next/dist/server/app-render/app-render.js:551:84 [/.next/server/app/chunks/ssr/node_modules_338bfa._.js:28224:82] at Array.map () at createComponentTree (node_modules/next/dist/server/app-render/app-render.js:512:84) [/.next/server/app/chunks/ssr/node_modules_338bfa._.js:28191:84] [at async /.next/server/app/chunks/ssr/node_modules_338bfa._.js:28506:62] - error Error: Cannot find module 'modularize-import-loader?name=BookOpenIcon&from=default&as=default&join=./icons/book-open!lucide-react' [at /.next/server/app/chunks/ssr/_028628._.js:135092:15] [at /.next/server/app/chunks/ssr/_028628._.js:135095:3] [at [project]/src/app/(dashboard)/MainMenu.tsx (ecmascript, rsc) (/.next/server/app/chunks/ssr/_028628._.js:135230:3)] at /turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:322:21 [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:394:27] at runModuleExecutionHooks (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:373:5) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:426:9] at instantiateModule (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:321:5) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:393:9] at getOrInstantiateModuleFromParent (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:421:10) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:453:12] at esmImport (/turbopack/[turbopack]/shared/runtime-utils.ts:203:18) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:102:20] [at /.next/server/app/chunks/ssr/_028628._.js:135251:124] [at [project]/src/app/(dashboard)/layout.tsx (ecmascript, rsc) (/.next/server/app/chunks/ssr/_028628._.js:135338:3)] at /turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:322:21 [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:394:27] at runModuleExecutionHooks (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:373:5) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:426:9] at instantiateModule (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:321:5) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:393:9] at getOrInstantiateModuleFromParent (/turbopack/[turbopack]/dev/runtime/base/runtime-base.ts:421:10) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:453:12] at esmImport (/turbopack/[turbopack]/shared/runtime-utils.ts:203:18) [/.next/server/app/chunks/ssr/[next]_entry_app-renderer_tsx_5a1dc9._.js:102:20] [at Module.default (/.next/server/app/chunks/ssr/_028628._.js:135342:20)] at Array. (/turbopack/[next]/entry/app-entry.tsx:26:14) [/.next/server/app/chunks/ssr/[next]_entry_app-entry_tsx_af3a0c._.js:44:195] at getLayoutOrPageModule (node_modules/next/dist/server/lib/app-dir-module.js:31:32) [/.next/server/app/chunks/ssr/node_modules_338bfa._.js:24862:32] at createComponentTree (node_modules/next/dist/server/app-render/app-render.js:417:83) [/.next/server/app/chunks/ssr/node_modules_338bfa._.js:28111:85] at node_modules/next/dist/server/app-render/app-render.js:551:84 [/.next/server/app/chunks/ssr/node_modules_338bfa._.js:28224:82] at Array.map () at createComponentTree (node_modules/next/dist/server/app-render/app-render.js:512:84) [/.next/server/app/chunks/ssr/node_modules_338bfa._.js:28191:84] [at async /.next/server/app/chunks/ssr/node_modules_338bfa._.js:28506:62] digest: "2778807758" error - [parse] ... [1 paths] are hidden, run with --show-all to show them [resolve] src/app/(dashboard)/Flyout.tsx Error resolving EcmaScript Modules request unable to resolve module "modularize-import-loader?name=XIcon&from=default&as=default&join=." with subpath "/icons/x!lucide-react" |
Beta Was this translation helpful? Give feedback.
-
|
Could you try out with v13.5+ and open an issue in the Next.js repo if you are still experiencing an issue? |
Beta Was this translation helpful? Give feedback.
-
|
i have the same issue #2312 (comment) . i created a new nextjs project. it stucks at ready for more than an hour. i tried accessing localhost:3000/ on browser and got stuck at loading state |
Beta Was this translation helpful? Give feedback.
-
|
Could you try out with v13.5+ and open an issue in the Next.js repo if you are still experiencing an issue? |
Beta Was this translation helpful? Give feedback.
-
|
Turbo not working with rechart js, but works well without it. |
Beta Was this translation helpful? Give feedback.
-
|
Could you try out with v13.5+ and open an issue in the Next.js repo if you are still experiencing an issue? |
Beta Was this translation helpful? Give feedback.
-
TrailingSlash is working great on Next.js, however it's blocking the use of Turbo. There is no sign of it, is it coming someday or is it deprecated? It would greatly help me with future choices, thank you guys. |
Beta Was this translation helpful? Give feedback.
-
|
It was just enabled today in 13.5+ today! Try it out and let us know how it goes 🙏 |
Beta Was this translation helpful? Give feedback.
-
|
I neglected to lock the conversation when I last provided an answer If you are experiencing issues with using Turbopack in Next.js, please open an issue with a reproduction on the Next.js repo. Thanks! |
Beta Was this translation helpful? Give feedback.
and others
Thanks for all of your feedback so far! Now that we are in the beta phase for
next dev --turbo, we would prefer people to open a GitHub issue with a reproduction if they are experiencing issues.Some features are still not implemented, and we have been tracking them in this issue: vercel/next.js#49174