Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[V4] Warnings during Nuxt & Vite build #15839

Closed
Kuuzoo opened this issue Jan 25, 2025 · 6 comments
Closed

[V4] Warnings during Nuxt & Vite build #15839

Kuuzoo opened this issue Jan 25, 2025 · 6 comments

Comments

@Kuuzoo
Copy link

Kuuzoo commented Jan 25, 2025

What version of Tailwind CSS are you using?

v4.0.0

What build tool (or framework if it abstracts the build tool) are you using?

Nuxt 3.15.3

What version of Node.js are you using?

Tested it on Bun 1.20 & Node.js 22.12

What browser are you using?

Not needed for the issue to happen.

What operating system are you using?

macOS Sequoia 15.2 (24C101)

Reproduction URL
https://github.com/Kuuzoo/nuxt-tailwindv4-issues

Describe your issue
When running the build command I'm receiving the following warnings.
Also, when I tried to do a reproduction in StackBlitz, when adding the vite plugin it didn't start anymore. But that's a whole different issue.

Nuxt 3.15.3 with Nitro 2.10.4                                                                                                                                 nuxi 11:20:46 AM
ℹ Nuxt Icon server bundle mode is set to local                                                                                                                    11:20:49 AM
✔ Nuxt Icon discovered local-installed 6 collections: ep, heroicons, heroicons-outline, mdi, ph, ri                                                               11:20:50 AM
ℹ Building for Nitro preset: bun                                                                                                                             nuxi 11:20:50 AM
ℹ Building client...                                                                                                                                              11:20:50 AM
ℹ vite v6.0.11 building for production...                                                                                                                         11:20:50 AM
ℹ ✓ 292 modules transformed.                                                                                                                                      11:20:51 AM
ℹ .nuxt/dist/client/manifest.json                 1.58 kB │ gzip:   0.40 kB                                                                                       11:20:52 AM
ℹ .nuxt/dist/client/_nuxt/default.BZDHmp3W.css    0.26 kB │ gzip:   0.16 kB                                                                                       11:20:52 AM
ℹ .nuxt/dist/client/_nuxt/C29vvamz.js             1.05 kB │ gzip:   0.48 kB                                                                                       11:20:52 AM
ℹ .nuxt/dist/client/_nuxt/D3aFVti_.js             1.13 kB │ gzip:   0.53 kB                                                                                       11:20:52 AM
ℹ .nuxt/dist/client/_nuxt/w-hgHkaJ.js             6.70 kB │ gzip:   2.27 kB                                                                                       11:20:52 AM
ℹ .nuxt/dist/client/_nuxt/DBpdxhN0.js            15.38 kB │ gzip:   6.04 kB                                                                                       11:20:52 AM
ℹ .nuxt/dist/client/_nuxt/CjT74qTU.js            39.99 kB │ gzip:  14.16 kB                                                                                       11:20:52 AM
ℹ .nuxt/dist/client/_nuxt/DiDHOYKi.js            46.11 kB │ gzip:  17.23 kB                                                                                       11:20:52 AM
ℹ .nuxt/dist/client/_nuxt/55niCPMc.js           289.15 kB │ gzip: 106.55 kB                                                                                       11:20:52 AM
ℹ ✓ built in 1.36s                                                                                                                                                11:20:52 AM
✔ Client built in 1375ms                                                                                                                                          11:20:52 AM
ℹ Building server...                                                                                                                                              11:20:52 AM
ℹ vite v6.0.11 building SSR bundle for production...                                                                                                              11:20:52 AM
transforming (1) node_modules/nuxt/dist/app/entry.js
 WARN  [vite:css][postcss] Lexical error on line 1: Unrecognized text.                                                                                             11:20:52 AM

  Erroneous area:
1: infinity * 1px
^..^
1119|    }
1120|    .rounded-full {
1121|      border-radius: calc(infinity * 1px);
   |      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
1122|    }
1123|    .rounded-lg {


 WARN  [vite:css][postcss] Lexical error on line 1: Unrecognized text.                                                                                             11:20:52 AM

  Erroneous area:
1: infinity * 1px
^..^
1119|    }
1120|    .rounded-full {
1121|      border-radius: calc(infinity * 1px);
   |      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
1122|    }
1123|    .rounded-lg { (x2)

ℹ ✓ 228 modules transformed.                                                                                                                                      11:20:52 AM
[plugin @tailwindcss/vite:generate:build] Sourcemap is likely to be incorrect: a plugin (@tailwindcss/vite:generate:build) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help
[plugin @tailwindcss/vite:generate:build] Sourcemap is likely to be incorrect: a plugin (@tailwindcss/vite:generate:build) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help
ℹ .nuxt/dist/server/_nuxt/entry-styles.BIQgUzDy.mjs                    0.08 kB                                                                                    11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/AppNotifications-styles.DP0ep9xK.mjs         0.09 kB                                                                                    11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/AppNotifications-styles.tJR9YVXr.mjs         0.17 kB                                                                                    11:20:53 AM
ℹ .nuxt/dist/server/styles.mjs                                         0.45 kB                                                                                    11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/AppNotifications-styles-1.mjs-C0pkXlcf.js    0.46 kB │ map:   0.12 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/WithEmoji-C-Av2uQ3.js                        1.26 kB │ map:   0.12 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/BrandedLogo-D0A4_OjJ.js                      1.38 kB │ map:   0.13 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/en-DySfXbwu.js                               1.62 kB │ map:   0.12 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/de-BY4WVTqb.js                               1.71 kB │ map:   0.12 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/Wave-BuK9f7uS.js                             1.71 kB │ map:   0.12 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/SimpleBlog-BRyMtDSr.js                       1.96 kB │ map:   1.32 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/island-renderer-ckhFCacK.js                  2.91 kB │ map:   5.18 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/Frame-DUsD3b0h.js                            3.20 kB │ map:   0.18 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/NuxtSeo-B0D1ckAE.js                          5.67 kB │ map:   6.11 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/contact-DAmWwUkk.js                          7.73 kB │ map:   9.64 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/Pergel-S9frJ1Sm.js                           7.79 kB │ map:   8.06 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/UnJs-DVE_KOV4.js                             9.49 kB │ map:  10.27 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/Nuxt-4TsjjvVa.js                            14.89 kB │ map:  16.19 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/useAvifSupported-DVluBPfr.js                27.88 kB │ map:  57.36 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/index-C-_FjCwl.js                           48.97 kB │ map:  58.34 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/entry-styles-1.mjs-OmHh7-BL.js              62.32 kB │ map:   0.11 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/_nuxt/default-DiMLUFoa.js                         75.58 kB │ map: 102.37 kB                                                                   11:20:53 AM
ℹ .nuxt/dist/server/server.mjs                                       290.38 kB │ map: 668.20 kB                                                                   11:20:53 AM
ℹ ✓ built in 993ms                                                                                                                                                11:20:53 AM
✔ Server built in 995ms                                                                                                                                           11:20:53 AM
✔ Generated public .output/public                                                                                                                           nitro 11:20:53 AM
ℹ Building Nuxt Nitro server (preset: bun, compatibility date: 2024-04-03)                                                                                  nitro 11:20:53 AM
✔ Nuxt Nitro server built                                                                                                                                   nitro 11:20:58 AM
  ├─ .output/server/chunks/_/error-500.mjs (4.77 kB) (2.02 kB gzip)
  ├─ .output/server/chunks/_/error-500.mjs.map (190 B) (157 B gzip)
  ├─ .output/server/chunks/_/eventHandlers.mjs (205 kB) (34.5 kB gzip)
  ├─ .output/server/chunks/_/eventHandlers.mjs.map (562 B) (222 B gzip)
  ├─ .output/server/chunks/_/icons.mjs (131 kB) (37 kB gzip)
  ├─ .output/server/chunks/_/icons.mjs.map (987 B) (105 B gzip)
  ├─ .output/server/chunks/_/icons2.mjs (616 kB) (129 kB gzip)
  ├─ .output/server/chunks/_/icons2.mjs.map (5.28 kB) (116 B gzip)
  ├─ .output/server/chunks/_/icons3.mjs (135 kB) (25.9 kB gzip)
  ├─ .output/server/chunks/_/icons3.mjs.map (1.42 kB) (107 B gzip)
  ├─ .output/server/chunks/_/icons4.mjs (3.02 MB) (728 kB gzip)
  ├─ .output/server/chunks/_/icons4.mjs.map (42.3 kB) (155 B gzip)
  ├─ .output/server/chunks/_/icons5.mjs (4.52 MB) (943 kB gzip)
  ├─ .output/server/chunks/_/icons5.mjs.map (27.8 kB) (141 B gzip)
  ├─ .output/server/chunks/_/icons6.mjs (965 kB) (235 kB gzip)
  ├─ .output/server/chunks/_/icons6.mjs.map (9.33 kB) (122 B gzip)
  ├─ .output/server/chunks/_/node.mjs (176 B) (156 B gzip)
  ├─ .output/server/chunks/_/node.mjs.map (217 B) (171 B gzip)
  ├─ .output/server/chunks/_/node2.mjs (169 B) (152 B gzip)
  ├─ .output/server/chunks/_/node2.mjs.map (211 B) (168 B gzip)
  ├─ .output/server/chunks/_/renderer.mjs (15.4 kB) (4.51 kB gzip)
  ├─ .output/server/chunks/_/renderer.mjs.map (1.2 kB) (281 B gzip)
  ├─ .output/server/chunks/build/AppNotifications-styles-1.mjs-C0pkXlcf.mjs (458 B) (257 B gzip)
  ├─ .output/server/chunks/build/AppNotifications-styles-1.mjs-C0pkXlcf.mjs.map (129 B) (126 B gzip)
  ├─ .output/server/chunks/build/AppNotifications-styles.DP0ep9xK.mjs (329 B) (195 B gzip)
  ├─ .output/server/chunks/build/AppNotifications-styles.DP0ep9xK.mjs.map (230 B) (170 B gzip)
  ├─ .output/server/chunks/build/AppNotifications-styles.tJR9YVXr.mjs (379 B) (201 B gzip)
  ├─ .output/server/chunks/build/AppNotifications-styles.tJR9YVXr.mjs.map (252 B) (185 B gzip)
  ├─ .output/server/chunks/build/BrandedLogo-D0A4_OjJ.mjs (1.39 kB) (731 B gzip)
  ├─ .output/server/chunks/build/BrandedLogo-D0A4_OjJ.mjs.map (135 B) (116 B gzip)
  ├─ .output/server/chunks/build/client.manifest.mjs (2.36 kB) (528 B gzip)
  ├─ .output/server/chunks/build/client.manifest.mjs.map (2.26 kB) (433 B gzip)
  ├─ .output/server/chunks/build/contact-DAmWwUkk.mjs (7.71 kB) (2.48 kB gzip)
  ├─ .output/server/chunks/build/contact-DAmWwUkk.mjs.map (335 B) (193 B gzip)
  ├─ .output/server/chunks/build/de-BY4WVTqb.mjs (1.72 kB) (609 B gzip)
  ├─ .output/server/chunks/build/de-BY4WVTqb.mjs.map (128 B) (107 B gzip)
  ├─ .output/server/chunks/build/default-DiMLUFoa.mjs (75.8 kB) (18.6 kB gzip)
  ├─ .output/server/chunks/build/default-DiMLUFoa.mjs.map (3.49 kB) (849 B gzip)
  ├─ .output/server/chunks/build/en-DySfXbwu.mjs (1.62 kB) (553 B gzip)
  ├─ .output/server/chunks/build/en-DySfXbwu.mjs.map (128 B) (107 B gzip)
  ├─ .output/server/chunks/build/entry-styles.BIQgUzDy.mjs (62.4 kB) (12.6 kB gzip)
  ├─ .output/server/chunks/build/entry-styles.BIQgUzDy.mjs.map (207 B) (164 B gzip)
  ├─ .output/server/chunks/build/Frame-DUsD3b0h.mjs (3.18 kB) (1.22 kB gzip)
  ├─ .output/server/chunks/build/Frame-DUsD3b0h.mjs.map (188 B) (110 B gzip)
  ├─ .output/server/chunks/build/index-C-_FjCwl.mjs (49 kB) (17.5 kB gzip)
  ├─ .output/server/chunks/build/index-C-_FjCwl.mjs.map (323 B) (155 B gzip)
  ├─ .output/server/chunks/build/island-renderer-ckhFCacK.mjs (2.9 kB) (924 B gzip)
  ├─ .output/server/chunks/build/island-renderer-ckhFCacK.mjs.map (328 B) (237 B gzip)
  ├─ .output/server/chunks/build/Nuxt-4TsjjvVa.mjs (14.9 kB) (4.23 kB gzip)
  ├─ .output/server/chunks/build/Nuxt-4TsjjvVa.mjs.map (223 B) (185 B gzip)
  ├─ .output/server/chunks/build/NuxtSeo-B0D1ckAE.mjs (5.66 kB) (2.22 kB gzip)
  ├─ .output/server/chunks/build/NuxtSeo-B0D1ckAE.mjs.map (234 B) (194 B gzip)
  ├─ .output/server/chunks/build/Pergel-S9frJ1Sm.mjs (7.79 kB) (2.83 kB gzip)
  ├─ .output/server/chunks/build/Pergel-S9frJ1Sm.mjs.map (227 B) (189 B gzip)
  ├─ .output/server/chunks/build/server.mjs (261 kB) (59.8 kB gzip)
  ├─ .output/server/chunks/build/server.mjs.map (8.29 kB) (1.7 kB gzip)
  ├─ .output/server/chunks/build/SimpleBlog-BRyMtDSr.mjs (1.94 kB) (898 B gzip)
  ├─ .output/server/chunks/build/SimpleBlog-BRyMtDSr.mjs.map (235 B) (191 B gzip)
  ├─ .output/server/chunks/build/styles.mjs (503 B) (280 B gzip)
  ├─ .output/server/chunks/build/styles.mjs.map (419 B) (223 B gzip)
  ├─ .output/server/chunks/build/UnJs-DVE_KOV4.mjs (9.5 kB) (3.5 kB gzip)
  ├─ .output/server/chunks/build/UnJs-DVE_KOV4.mjs.map (223 B) (190 B gzip)
  ├─ .output/server/chunks/build/useAvifSupported-DVluBPfr.mjs (27.5 kB) (7.38 kB gzip)
  ├─ .output/server/chunks/build/useAvifSupported-DVluBPfr.mjs.map (913 B) (381 B gzip)
  ├─ .output/server/chunks/build/Wave-BuK9f7uS.mjs (1.72 kB) (986 B gzip)
  ├─ .output/server/chunks/build/Wave-BuK9f7uS.mjs.map (124 B) (109 B gzip)
  ├─ .output/server/chunks/build/WithEmoji-C-Av2uQ3.mjs (1.27 kB) (650 B gzip)
  ├─ .output/server/chunks/build/WithEmoji-C-Av2uQ3.mjs.map (130 B) (114 B gzip)
  ├─ .output/server/chunks/raw/Inter-normal-400.ttf.mjs (553 kB) (252 kB gzip)
  ├─ .output/server/chunks/raw/Inter-normal-400.ttf.mjs.map (114 B) (113 B gzip)
  ├─ .output/server/chunks/raw/Inter-normal-700.ttf.mjs (564 kB) (265 kB gzip)
  ├─ .output/server/chunks/raw/Inter-normal-700.ttf.mjs.map (114 B) (113 B gzip)
  ├─ .output/server/chunks/routes/__og-image__/font/font.mjs (534 B) (255 B gzip)
  ├─ .output/server/chunks/routes/__og-image__/font/font.mjs.map (198 B) (161 B gzip)
  ├─ .output/server/chunks/routes/__og-image__/image/image.mjs (539 B) (256 B gzip)
  ├─ .output/server/chunks/routes/__og-image__/image/image.mjs.map (200 B) (160 B gzip)
  ├─ .output/server/chunks/routes/__sitemap__/_sitemap_.xml.mjs (1.28 kB) (588 B gzip)
  ├─ .output/server/chunks/routes/__sitemap__/_sitemap_.xml.mjs.map (223 B) (172 B gzip)
  ├─ .output/server/chunks/routes/api/testmail.post.mjs (603 B) (327 B gzip)
  ├─ .output/server/chunks/routes/api/testmail.post.mjs.map (331 B) (187 B gzip)
  ├─ .output/server/chunks/routes/renderer.mjs (17.9 kB) (5.4 kB gzip)
  ├─ .output/server/chunks/routes/renderer.mjs.map (292 B) (203 B gzip)
  ├─ .output/server/chunks/routes/sitemap_index.xml.mjs (4.42 kB) (1.65 kB gzip)
  ├─ .output/server/chunks/routes/sitemap_index.xml.mjs.map (318 B) (190 B gzip)
  ├─ .output/server/chunks/virtual/_raw-helpers.mjs (298 B) (217 B gzip)
  ├─ .output/server/chunks/virtual/_raw-helpers.mjs.map (111 B) (105 B gzip)
  ├─ .output/server/chunks/virtual/_virtual_spa-template.mjs (94 B) (100 B gzip)
  ├─ .output/server/chunks/virtual/_virtual_spa-template.mjs.map (112 B) (111 B gzip)
  ├─ .output/server/chunks/virtual/child-sources.mjs (118 B) (113 B gzip)
  ├─ .output/server/chunks/virtual/child-sources.mjs.map (107 B) (102 B gzip)
  ├─ .output/server/chunks/virtual/global-sources.mjs (2.88 kB) (435 B gzip)
  ├─ .output/server/chunks/virtual/global-sources.mjs.map (202 B) (104 B gzip)
  ├─ .output/server/index.mjs (283 kB) (71.6 kB gzip)
  └─ .output/server/package.json (2.51 kB) (1.08 kB gzip)
Σ Total size: 38.8 MB (13.9 MB gzip)
✔ You can preview this build using bun run .output/server/index.mjs                                                                                         nitro 11:20:59 AM
@wongjn
Copy link
Contributor

wongjn commented Jan 25, 2025

See #15836 (reply in thread)

@florian-strasser
Copy link

2 patches later nothing changed :-(

Do we need to get this fixed in vite or nuxt?

@wongjn
Copy link
Contributor

wongjn commented Jan 31, 2025

postcss-calc (where this warning originates from) released v10.1.1 today 4:29PM GMT which includes the fix to this warning. Try seeing if you can update it in your project.

florian-strasser referenced this issue in nuxt/nuxt Jan 31, 2025
@florian-strasser
Update package.json
de03639 
Upgrade postcss to the newest version (fix for tailwind v4 build warnings)
@florian-strasser
Copy link

As far as I know is postcss a package within vite-builder within nuxt :D So we will probably have to wait till vite builder itself updates and then nuxt pulls the update... Or can we fix this on our own and I'm just to stupid?

@wongjn
Copy link
Contributor

wongjn commented Feb 1, 2025

I was able to update postcss-calc in the repo in the original post, so if you have a similar setup, I'd presume you would be able to update it in your project.

@philipp-spiess
Copy link
Member

Going to close this issue as it's fixed upstream! The dependencies should be pinned to the minor version I think so it should be possible for you to upgrade this. What bundler are you using?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@philipp-spiess @wongjn @florian-strasser @Kuuzoo