alexcali Posts - Answer Overflow

alexcali

•Created by alexcali on 4/18/2024 in #❓・help

@nuxt/kit incompatible with node 20

I am trying to get my nuxt project running on Node 20 using Nuxt 3.11.2 but I get the following error when I run yarn install:

yarn install v1.22.22
info No lockfile found.
[1/5] 🔍  Validating package.json...
[2/5] 🔍  Resolving packages...
warning @nuxt/typescript-build > fork-ts-checker-webpack-plugin > [email protected]: this will be v4
warning cypress > @cypress/request > [email protected]: when using stringify with arrayFormat comma, `[]` is appended on single-item arrays. Upgrade to v6.11.0 or downgrade to v6.10.4 to fix.
warning @nuxt/types > @types/serve-static > @types/[email protected]: This is a stub types definition. mime provides its own type definitions, so you do not need this installed.
[3/5] 🚚  Fetching packages...
error @nuxt/[email protected]: The engine "node" is incompatible with this module. Expected version "^14.16.0 || ^16.10.0 || ^17.0.0 || ^18.0.0 || ^19.0.0". Got "20.12.2"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

yarn install v1.22.22
info No lockfile found.
[1/5] 🔍  Validating package.json...
[2/5] 🔍  Resolving packages...
warning @nuxt/typescript-build > fork-ts-checker-webpack-plugin > [email protected]: this will be v4
warning cypress > @cypress/request > [email protected]: when using stringify with arrayFormat comma, `[]` is appended on single-item arrays. Upgrade to v6.11.0 or downgrade to v6.10.4 to fix.
warning @nuxt/types > @types/serve-static > @types/[email protected]: This is a stub types definition. mime provides its own type definitions, so you do not need this installed.
[3/5] 🚚  Fetching packages...
error @nuxt/[email protected]: The engine "node" is incompatible with this module. Expected version "^14.16.0 || ^16.10.0 || ^17.0.0 || ^18.0.0 || ^19.0.0". Got "20.12.2"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

Any tips to get around it?

9 replies

NNuxt

•Created by alexcali on 4/5/2024 in #❓・help

What causes a global middleware to stop working?

I've noticed my global middleware stops working after it's executed several times. I know I'm being too vague atm. Are there any common reasons for middleWares to stop working? I am getting this error which I think might be related:

TypeError: Cannot read properties of undefined (reading 'appMiddleware')

TypeError: Cannot read properties of undefined (reading 'appMiddleware')

I believe this has always happened, but with Nuxt 3.11 it's more obvious.

1 replies

NNuxt

•Created by alexcali on 4/4/2024 in #❓・help

TypeError: Cannot read properties of undefined (reading 'appMiddleware')

Has anyone else experienced this error since upgrading to v3.11.x? I believe this is happening when I switch between back and forth pages, especially those ones marked as external: true when navigating using navigateTo. If so, what have you done to fix it?

1 replies

NNuxt

•Created by alexcali on 6/22/2023 in #❓・help

Access environment variables from `store` or `root` folder

I have a .ts file where I would like to read values from my environment variables but anytime I do so, I get undefined. How can I go around this and access env variables from anywhere in my project?

5 replies

NNuxt

•Created by alexcali on 6/16/2023 in #❓・help

Trouble using Highcharts' bubble charts

I installed nuxt-highcharts and I was able to get a simple line chart working, but I am having some trouble with bubble charts, speciifically packedbubble (https://www.highcharts.com/docs/chart-and-series-types/packed-bubble). This is the error that I am getting:

highcharts.src.js:218 Uncaught (in promise) Error: Highcharts error #17: www.highcharts.com/errors/17/?missingModuleFor=bubble
 - missingModuleFor: bubble

highcharts.src.js:218 Uncaught (in promise) Error: Highcharts error #17: www.highcharts.com/errors/17/?missingModuleFor=bubble
 - missingModuleFor: bubble

I believe all I need to do is updating the nuxt.config.ts accordingly. I have tried a few things following this (https://github.com/richardeschloss/nuxt-highcharts) but nothing. Here's my latest iteration:

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  app: {
    head: {
      link: [{ rel: "icon", type: "image/png", href: "/favicon-32x32.png" }],
    },
  },
  css: [
    "~/assets/css/main.css",
    "@fortawesome/fontawesome-svg-core/styles.css",
  ],
  postcss: {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    },
  },
  modules: ["nuxt-highcharts", "@pinia/nuxt"],
  buildModules: ["@nuxt/typescript-build"],
  pages: true,
  ssr: true,
  highcharts: {
    exporting: true,
  },
});

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  app: {
    head: {
      link: [{ rel: "icon", type: "image/png", href: "/favicon-32x32.png" }],
    },
  },
  css: [
    "~/assets/css/main.css",
    "@fortawesome/fontawesome-svg-core/styles.css",
  ],
  postcss: {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    },
  },
  modules: ["nuxt-highcharts", "@pinia/nuxt"],
  buildModules: ["@nuxt/typescript-build"],
  pages: true,
  ssr: true,
  highcharts: {
    exporting: true,
  },
});

1 replies

Gaming

Programming