drusellers Posts - Answer Overflow

drusellers

•Created by drusellers on 6/25/2024 in #❓・help

Find Client Side calls preventing server render

From the docs

When importing a library that relies on browser APIs and has side effects, make sure the component importing it is only called client-side. Bundlers do not treeshake imports of modules containing side effects.

How can I best find these browser apis? Can I make nuxt throw an error on build - looking for a similar error experience as Next.js has with their client side vs server side components.

8 replies

NNuxt

•Created by drusellers on 5/31/2024 in #❓・help

Version Mismatch (I must be doing something silly)

Nuxt 3.11.2 with Nitro 2.9.6                                                                                                                                             9:46:11 AM
                                                                                                                                                                         9:46:12 AM
  ➜ Local:    http://localhost:3001/
  ➜ Network:  use --host to expose

 WARN  Module nuxt-gtag is disabled due to incompatibility issues:                                                                                                       9:46:13 AM
 - [nuxt] Nuxt version ^3.7 is required but currently using 3.4.2

✔ Nitro built in 777 ms                                                                                                                                            nitro 9:46:15 AM
ℹ Vite client warmed up in 1841ms                                                                                                                                        9:46:15 AM
ℹ nuxt.config.ts updated. Restarting Nuxt...                                                                                                                            9:47:23 AM

 WARN  Module nuxt-gtag is disabled due to incompatibility issues:                                                                                                       9:47:24 AM
 - [nuxt] Nuxt version ^3.7 is required but currently using 3.4.2

ℹ Vite client warmed up in 937ms                                                                                                                                         9:47:25 AM
✔ Nitro built in 407 ms

Nuxt 3.11.2 with Nitro 2.9.6                                                                                                                                             9:46:11 AM
                                                                                                                                                                         9:46:12 AM
  ➜ Local:    http://localhost:3001/
  ➜ Network:  use --host to expose

 WARN  Module nuxt-gtag is disabled due to incompatibility issues:                                                                                                       9:46:13 AM
 - [nuxt] Nuxt version ^3.7 is required but currently using 3.4.2

✔ Nitro built in 777 ms                                                                                                                                            nitro 9:46:15 AM
ℹ Vite client warmed up in 1841ms                                                                                                                                        9:46:15 AM
ℹ nuxt.config.ts updated. Restarting Nuxt...                                                                                                                            9:47:23 AM

 WARN  Module nuxt-gtag is disabled due to incompatibility issues:                                                                                                       9:47:24 AM
 - [nuxt] Nuxt version ^3.7 is required but currently using 3.4.2

ℹ Vite client warmed up in 937ms                                                                                                                                         9:47:25 AM
✔ Nitro built in 407 ms

I have deleted my node_modules, deleted my npm lock file, deleted my .nuxt directory. I can see in my package lock file that I have 3.11.2, I have created a branch new vue project using nuxi, and it creates with 3.11.2 just fine. I've compared the nuxt config and the package.json file between my project and the old project For the life of me I cannot figure out how to get my project to run as 3.11.2 (as seen by the nuxt-gtag version enforcement.

12 replies

Gaming

Programming