Skip to content

@nx/nuxt generator generates wrong typescript configurations - nuxt components not found #30742

Closed
@mklueh

Description

@mklueh

Current Behavior

So I just want to raise awareness again towards this issue, which was closed but not resolved

#29120

As it is explained in detail there, I will only shortly add my observations.

This is the app.vue that comes out of the generator - as you can see, it does not recognize the Nuxt components correctly

Image

The Typescript config property points to base

Image

which points to tsconfig.json

Image

which points to the tsconfig.base.json of the root project

Image

which is fine, except that .nuxt/tsconfig.json is completely ignored with this setup, which however contains all the nuxt-specific paths that would be required to make the IDE aware of these types.

This .nuxt/tsconfig.json also extends the tsconfig.app.json

Image

Expected Behavior

Not sure if there should be more in the config files, but I've fixed it that way:

apps/app/tsconfig.json

{
  // https://nuxt.com/docs/guide/concepts/typescript
  "extends": "./.nuxt/tsconfig.json"
}

apps/app/tsconfig.app.json

{
  "extends": "./tsconfig.json",
  "include": [
    "src/**/*"
  ],
  "exclude": [],
}

apps/app/nuxt.config.ts

  typescript: {
    typeCheck: false,
    tsConfig: {
      extends: '../../../tsconfig.base.json'
    }
  },

GitHub Repo

No response

Steps to Reproduce

Generate a nuxt app via Nx Generate and see yourself

Nx Report

Node           : 23.11.0
OS             : win32-x64
Native Target  : x86_64-windows
yarn           : 4.9.0

nx                 : 20.8.0
@nx/js             : 20.8.0
@nx/jest           : 20.8.0
@nx/eslint         : 20.8.0
@nx/workspace      : 20.8.0
@nx/devkit         : 20.8.0
@nx/esbuild        : 20.8.0
@nx/eslint-plugin  : 20.8.0
@nx/node           : 20.8.0
@nx/nuxt           : 20.8.0
@nx/playwright     : 20.8.0
@nx/plugin         : 20.8.0
@nx/vite           : 20.8.0
@nx/vue            : 20.8.0
@nx/web            : 20.8.0
typescript         : 5.8.3
---------------------------------------
Registered Plugins:
@nx/vite/plugin
@nx/eslint/plugin
@nx/playwright/plugin
@nx/jest/plugin
@nx/nuxt/plugin
---------------------------------------
Cache Usage: 0.00 B / 95.29 GB

Failure Logs

Package Manager Version

No response

Operating System

  • macOS
  • Linux
  • Windows
  • Other (Please specify)

Additional Information

No response

Metadata

Metadata

Assignees

Labels

priority: lowLow Priority (does not affect many people or not severely or has an easy workaround)scope: miscMisc issuestype: bug

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions