vercel / next.js

The React Framework
https://nextjs.org
MIT License
124.71k stars 26.61k forks source link

14.2.1 turbo fails to compile with tailwindcss plugin (iconify) #64423

Closed SimHoZebs closed 3 days ago

SimHoZebs commented 4 months ago

Link to the code that reproduces this issue

Codesandbox

To Reproduce

  1. Set up tailwind and import its CSS file to layout.tsx
  2. Install @iconify/tailwind as dev dependency
  3. Enable the plugin by editing tailwind.config.ts as follows:
    
    import { addDynamicIconSelectors } from "@iconify/tailwind";
    import type { Config } from "tailwindcss";

const config: Config = { content: [ "./pages//*.{js,ts,jsx,tsx,mdx}", "./components/*/.{js,ts,jsx,tsx,mdx}", "./app//*.{js,ts,jsx,tsx,mdx}", ], theme: { extend: { backgroundImage: { "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", }, }, }, plugins: [addDynamicIconSelectors()], }; export default config;

4. run `next dev --turbo`

### Current vs. Expected behavior

Expected: Compiles normally.

Current: Does not compile and outputs the following message:

✓ Compiled / in 1688ms ⨯ ModuleBuildError: ./node_modules/@iconify/tailwind/dist/plugin.js Module not found

https://nextjs.org/docs/messages/module-not-found

at processIssues (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\dev\turbopack-utils.js:229:15)
at handleRouteType (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\dev\turbopack-utils.js:386:17)
at async Object.ensurePage (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\dev\hot-reloader-turbopack.js:644:17)
at async DevBundlerService.ensurePage (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\lib\dev-bundler-service.js:18:20)
at async DevServer.ensurePage (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\dev\next-dev-server.js:551:9)
at async Object.ensure (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\dev\next-dev-server.js:169:17)
at async DevRouteMatcherManager.matchAll (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\future\route-matcher-managers\dev-route-matcher-manager.js:96:13)
at async DevRouteMatcherManager.match (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\future\route-matcher-managers\default-route-matcher-manager.js:155:26)
at async NextNodeServer.handleCatchallRenderRequest (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\next-server.js:228:31)
at async DevServer.handleRequestImpl (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\base-server.js:811:17)
at async C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\dev\next-dev-server.js:339:20
at async Span.traceAsyncFn (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\trace\trace.js:154:20)
at async DevServer.handleRequest (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\dev\next-dev-server.js:336:24)
at async invokeRender (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\lib\router-server.js:174:21)
at async handleRequest (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\lib\router-server.js:353:24)
at async requestHandlerImpl (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\lib\router-server.js:377:13)
at async Server.requestListener (C:\Users\simho\Projects\iconify-test\node_modules\next\dist\server\lib\start-server.js:141:13)

✓ Compiled /_error in 481ms


### Provide environment information

```bash
Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP PREEMPT_DYNAMIC Sun Aug  6 20:05:33 UTC 2023
  Available memory (MB): 4102
  Available CPU cores: 2
Binaries:
  Node: 20.9.0
  npm: 9.8.1
  Yarn: 1.22.19
  pnpm: 8.10.2
Relevant Packages:
  next: 14.2.1 // Latest available version is detected (14.2.1).
  eslint-config-next: N/A
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.1.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Turbopack (--turbo)

Which stage(s) are affected? (Select all that apply)

next dev (local)

Additional context

The project compiles when not using turbo. Does not have issues running with turbo on 14.1.4.

PACK-2952

kkfive commented 3 months ago

same issue

Edit by maintainer bot: Comment was automatically minimized because it was considered unhelpful. (If you think this was by mistake, let us know). Please only comment if it adds context to the issue. If you want to express that you have the same problem, use the upvote 👍 on the issue description or subscribe to the issue for updates. Thanks!