Warnings during Nuxt build #15836

Kuuzoo · 2025-01-25T10:28:40Z

Kuuzoo
Jan 25, 2025

Hi there,

I'm getting the following warnings when building my Nuxt 3.15.3 app using tailwindcss.
Does anybody have a clue how to resolve them?

Thanks in advance

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 · 2025-01-25T10:30:02Z

wongjn
Jan 25, 2025
Collaborator

Could you provide a project that demonstrates the unexpected behavior please? It would helps us debug.

8 replies

Kuuzoo Jan 25, 2025
Author

A remotely-hosted git repo would work too, thank you.

You can already give it a shot if you wan't. I'll finish the issue later on
https://github.com/Kuuzoo/nuxt-tailwindv4-issues

wongjn Jan 25, 2025
Collaborator

Seems like a bug with the package postcss-calc not able to understand the infinity keyword within calc() functions: postcss/postcss-calc#210. This package is used by cssnano in Nuxt.

To work-around this bug, you could either:

Disable CSSNano (since Tailwind will optimize internally via Lightning CSS anyway):

   vite: {
     plugins: [tailwindcss()],
   },
+  postcss: {
+    plugins: {
+      cssnano: {
+        plugins: []
+      },
+    },
+  },
 });

Disable the postss-calc() specifically:

   vite: {
     plugins: [tailwindcss()],
   },
+  postcss: {
+    plugins: {
+      cssnano: {
+        preset: [
+          'cssnano-preset-default',
+          { calc: false },
+        ]
+      },
+    },
+  },
 });

Kuuzoo Jan 25, 2025
Author

Seems like a bug with the package postcss-calc not able to understand the infinity keyword within calc() functions: postcss/postcss-calc#210. This package is used by cssnano in Nuxt.

To work-around this bug, you could either:
Disable CSSNano (since Tailwind will optimize internally via Lightning CSS anyway):
   vite: {

     plugins: [tailwindcss()],

   },

+  postcss: {

+    plugins: {

+      cssnano: {

+        plugins: []

+      },

+    },

+  },

 });
Disable the postss-calc() specifically:
   vite: {

     plugins: [tailwindcss()],

   },

+  postcss: {

+    plugins: {

+      cssnano: {

+        preset: [

+          'cssnano-preset-default',

+          { calc: false },

+        ]

+      },

+    },

+  },

 });

Thank you for the quick reply!

So if I say I use only CSS from Tailwind, completely disabling cssnano makes sense, but if I also use plain css, the second option makes more sense?

Does this also resolve the sourcemap warning? Or only the CSS warnings?

wongjn Jan 25, 2025
Collaborator

So if I say I use only CSS from Tailwind, completely disabling cssnano makes sense, but if I also use plain css, the second option makes more sense?

That's correct.

Does this also resolve the sourcemap warning? Or only the CSS warnings?

Only the CSS warnings.

wongjn Jan 31, 2025
Collaborator

calc() warnings fixed in postcss-calc@v10.1.1.

florian-strasser · 2025-01-31T23:10:14Z

florian-strasser
Jan 31, 2025

Anybody found out how to finally get rid of all the warnings?

0 replies

edcaron · 2025-02-28T11:37:49Z

edcaron
Feb 28, 2025

If anyone want to hide this warnings from the build process for now put this on your vite config file vite.config.js:

import { defineConfig } from 'vite';

export default defineConfig({
  build: {
    rollupOptions: {
      onwarn(warning, warn) {
          // Ignore sourcemap warnings
          if (warning.code === 'SOURCEMAP_BROKEN') {
              return;
          }

          warn(warning);
      }
    }
  }
});

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Warnings during Nuxt build #15836

Uh oh!

{{title}}

Uh oh!

Replies: 3 comments 8 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Warnings during Nuxt build #15836

Uh oh!

Kuuzoo Jan 25, 2025

Replies: 3 comments · 8 replies

Uh oh!

wongjn Jan 25, 2025 Collaborator

Uh oh!

Kuuzoo Jan 25, 2025 Author

Uh oh!

wongjn Jan 25, 2025 Collaborator

Uh oh!

Uh oh!

Kuuzoo Jan 25, 2025 Author

Uh oh!

wongjn Jan 25, 2025 Collaborator

Uh oh!

wongjn Jan 31, 2025 Collaborator

Uh oh!

florian-strasser Jan 31, 2025

Uh oh!

edcaron Feb 28, 2025

Kuuzoo
Jan 25, 2025

Replies: 3 comments 8 replies

wongjn
Jan 25, 2025
Collaborator

Kuuzoo Jan 25, 2025
Author

wongjn Jan 25, 2025
Collaborator

Kuuzoo Jan 25, 2025
Author

wongjn Jan 25, 2025
Collaborator

wongjn Jan 31, 2025
Collaborator

florian-strasser
Jan 31, 2025

edcaron
Feb 28, 2025