Typescript: Typescript not recognized with nuxt/typescript-build 2.0.0

[victorgarciaesgi]

Describe the bug
A clear and concise description of what the bug is.

Running nuxt now show this error coming from fork-ts-checker

I've clearned node_modules and .nuxt and still have the error

ts version: 3.9.6
nuxt version: 2.13.3
@nuxt/typescript-build: 2.0.0
@nuxt/typescript-runtime: 1.0.0

[kevinmarrec]

@victorgarciaesgi Can you show me the output of this command (assuming you're using yarn) ?

yarn why typescript

[victorgarciaesgi]

@kevinmarrec sure!

yarn why v1.22.4
[1/4] 🤔  Why do we have the module "typescript"...?
[2/4] 🚚  Initialising dependency graph...
[3/4] 🔍  Finding dependency...
[4/4] 🚡  Calculating file sizes...
=> Found "[email protected]"
info Has been hoisted to "typescript"
info This module exists because it's specified in "devDependencies".
info Disk size without dependencies: "52.33MB"
info Disk size with unique dependencies: "52.33MB"
info Disk size with transitive dependencies: "52.33MB"
info Number of shared dependencies: 0
=> Found "@nuxt/typescript#[email protected]"
info This module exists because "@nuxt#typescript" depends on it.
info Disk size without dependencies: "52.31MB"
info Disk size with unique dependencies: "52.31MB"
info Disk size with transitive dependencies: "52.31MB"
info Number of shared dependencies: 0
=> Found "vuex-typed-modules#[email protected]"
info This module exists because "vuex-typed-modules" depends on it.
info Disk size without dependencies: "52.31MB"
info Disk size with unique dependencies: "52.31MB"
info Disk size with transitive dependencies: "52.31MB"
info Number of shared dependencies: 0
=> Found "simple-graphql-to-typescript#[email protected]"
info This module exists because "simple-graphql-to-typescript" depends on it.
info Disk size without dependencies: "52.31MB"
info Disk size with unique dependencies: "52.31MB"
info Disk size with transitive dependencies: "52.31MB"
info Number of shared dependencies: 0
=> Found "@nuxt/typescript-build#[email protected]"
info This module exists because "@nuxt#typescript-build" depends on it.
info Disk size without dependencies: "50.46MB"
info Disk size with unique dependencies: "50.46MB"
info Disk size with transitive dependencies: "50.46MB"
info Number of shared dependencies: 0
=> Found "@nuxt/typescript-runtime#[email protected]"
info This module exists because "@nuxt#typescript-runtime" depends on it.
info Disk size without dependencies: "50.46MB"
info Disk size with unique dependencies: "50.46MB"
info Disk size with transitive dependencies: "50.46MB"
info Number of shared dependencies: 0
✨  Done in 1.88s.

[victorgarciaesgi]

@kevinmarrec Sorry I rolled back to old version,so result is false, redoing it

[victorgarciaesgi]

yarn why v1.22.4
[1/4] 🤔  Why do we have the module "typescript"...?
[2/4] 🚚  Initialising dependency graph...
[3/4] 🔍  Finding dependency...
[4/4] 🚡  Calculating file sizes...
=> Found "[email protected]"
info Has been hoisted to "typescript"
info Reasons this module exists
   - Specified in "devDependencies"
   - Hoisted from "@nuxt#typescript-build#typescript"
   - Hoisted from "@nuxt#typescript-runtime#typescript"
info Disk size without dependencies: "52.33MB"
info Disk size with unique dependencies: "52.33MB"
info Disk size with transitive dependencies: "52.33MB"
info Number of shared dependencies: 0
=> Found "@nuxt/typescript#[email protected]"
info This module exists because "@nuxt#typescript" depends on it.
info Disk size without dependencies: "52.31MB"
info Disk size with unique dependencies: "52.31MB"
info Disk size with transitive dependencies: "52.31MB"
info Number of shared dependencies: 0
=> Found "vuex-typed-modules#[email protected]"
info This module exists because "vuex-typed-modules" depends on it.
info Disk size without dependencies: "52.31MB"
info Disk size with unique dependencies: "52.31MB"
info Disk size with transitive dependencies: "52.31MB"
info Number of shared dependencies: 0
=> Found "simple-graphql-to-typescript#[email protected]"
info This module exists because "simple-graphql-to-typescript" depends on it.
info Disk size without dependencies: "52.31MB"
info Disk size with unique dependencies: "52.31MB"
info Disk size with transitive dependencies: "52.31MB"
info Number of shared dependencies: 0
✨  Done in 1.61s.

[kevinmarrec]

@victorgarciaesgi

@nuxt/typescript is a really old package, please follow instructions on https://typescript.nuxtjs.org

You should have :

@nuxt/typescript-build
@nuxt/types

only.

[kevinmarrec]

Here's my output :

yarn why v1.22.4
[1/4] Why do we have the module "typescript"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
=> Found "[email protected]"
info Reasons this module exists
   - "@nuxt#typescript-build" depends on it
   - Hoisted from "@nuxt#typescript-build#typescript"
info Disk size without dependencies: "52.33MB"
info Disk size with unique dependencies: "52.33MB"
info Disk size with transitive dependencies: "52.33MB"
info Number of shared dependencies: 0
Done in 0.99s.

[victorgarciaesgi]

@kevinmarrec My bad sorry I removed it and it's working now! thanks! :D

[lennoximus]

Hello. I'm facing the very same error with

"nuxt": "2.13.3",
"@nuxt/types": "2.13.3",
"@nuxt/typescript-build": "2.0.0",

I've run npm ls typescript on my project. The results are as follows:

`-- @nuxt/[email protected]
  `-- [email protected]

Any ideas? Trying to migrate the project to ts for the first time so I might miss something out in configuration and stuff.

[lennoximus]

Hello. I'm facing the very same error with

"nuxt": "2.13.3",
"@nuxt/types": "2.13.3",
"@nuxt/typescript-build": "2.0.0",

I've run npm ls typescript on my project. The results are as follows:

`-- @nuxt/[email protected]
  `-- [email protected]

Any ideas? Trying to migrate the project to ts for the first time so I might miss something out in configuration and stuff.

It appeared that the problem were hiding in fork-ts-checker-webpack-plugin, in its version to be precise. I had @storybook/vue which was depending on very old fork-ts-checker-webpack-plugin version. Removing storybook from project and cleaning npm cache made the thing.

[MateiNenciu]

@lennoximus Have you able to solve this issue and keeping storybook?

[lennoximus]

@MateiNenciu haven't tried it myself yet. Though, you can attempt to use official storybook module for nuxt, maybe it is resolved in there.