This relative module was not found: ./index.vue?vue&type=script&lang=ts& in ./pages/index.vue #8015

huaiguoguo · 2020-09-03T14:08:20Z

Versions

nuxt: v2.14.4
node: v12.18.3
win10 1909 x64

Reproduction

Additional Details

Steps to reproduce

yarn dev after install success

What is Expected?

i hope its run success!

What is actually happening?

× Server   Compiled with some errors in 307.47ms  
× Client   Compiled with some errors in 549.19ms  
× Server   Compiled with some errors in 307.47ms    
ERROR  Failed to compile with 1 errors  
This relative module was not found:   
* ./index.vue?vue&type=script&lang=ts& in ./pages/index.vue

but i am remove "lang=ts" from "<script lang='ts'>" of pages/index.vue , its ok!!!
but i am already install typescript global!
package.json

{
  "name": "app",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt-ts",
    "build": "nuxt-ts build",
    "start": "nuxt-ts start",
    "generate": "nuxt-ts generate",
    "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "lint:style": "stylelint **/*.{vue,css} --ignore-path .gitignore",
    "lint": "yarn lint:js && yarn lint:style",
    "test": "jest"
  },
  "lint-staged": {
    "*.{js,vue}": "eslint",
    "*.{css,vue}": "stylelint"
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "dependencies": {
    "@nuxt/content": "^1.5.0",
    "@nuxt/typescript-runtime": "^1.0.0",
    "@nuxtjs/axios": "^5.12.0",
    "@nuxtjs/pwa": "^3.0.0-beta.20",
    "ant-design-vue": "^1.6.4",
    "nuxt": "^2.14.0"
  },
  "devDependencies": {
    "@nuxt/types": "^2.14.0",
    "@nuxt/typescript-build": "^2.0.2",
    "@nuxtjs/eslint-config": "^3.1.0",
    "@nuxtjs/eslint-config-typescript": "^3.0.0",
    "@nuxtjs/eslint-module": "^2.0.0",
    "@nuxtjs/stylelint-module": "^4.0.0",
    "@vue/test-utils": "^1.0.3",
    "babel-core": "7.0.0-bridge.0",
    "babel-eslint": "^10.1.0",
    "babel-jest": "^26.1.0",
    "eslint": "^7.5.0",
    "eslint-config-prettier": "^6.11.0",
    "eslint-plugin-nuxt": "^1.0.0",
    "eslint-plugin-prettier": "^3.1.4",
    "husky": "^4.2.5",
    "jest": "^26.1.0",
    "lint-staged": "^10.2.11",
    "prettier": "^2.0.5",
    "stylelint": "^13.6.1",
    "stylelint-config-prettier": "^8.0.2",
    "stylelint-config-standard": "^20.0.0",
    "ts-jest": "^26.1.3",
    "vue-jest": "^3.0.4"
  }
}

The text was updated successfully, but these errors were encountered:

sontd-0882 · 2020-09-04T10:27:49Z

I have a same problem too. A new project with Typescript failed to compile after creating the project.

ERROR  Failed to compile with 1 errors                                          friendly-errors 17:03:01

This relative module was not found:                                             friendly-errors 17:03:01
                                                                                friendly-errors 17:03:01
* ./index.vue?vue&type=script&lang=ts& in ./pages/index.vue                     friendly-errors 17:03:01
Issues checking in progress...                                                                  17:03:01
No issues found.                                                                                17:03:01

TheAlexLichter · 2020-09-04T13:40:01Z

cc @kevinmarrec

drone076 · 2020-09-06T06:37:40Z

Just install @nuxt/typescript-runtime like so:

yarn add @nuxt/typescript-runtime --dev

huaiguoguo · 2020-09-06T07:22:39Z

Just install @nuxt/typescript-runtime like so:

yarn add @nuxt/typescript-runtime --dev

@nuxt/typescript-runtime is installed in dependencies when i am install nuxt

please look at the one above package.json

drone076 · 2020-09-06T07:31:02Z

Just install @nuxt/typescript-runtime like so:
yarn add @nuxt/typescript-runtime --dev

@nuxt/typescript-runtime is installed in dependencies when i am install nuxt

please look at the one above package.json

Ah, sry, my bad. But it seems like outdated for me, try to upgrade it to "@nuxt/typescript-runtime": "^2.0.0",

huaiguoguo · 2020-09-06T07:41:49Z

Just install @nuxt/typescript-runtime like so:
yarn add @nuxt/typescript-runtime --dev

@nuxt/typescript-runtime is installed in dependencies when i am install nuxt
please look at the one above package.json

Ah, sry, my bad. But it seems like outdated for me, try to upgrade it to "@nuxt/typescript-runtime": "^2.0.0",

i am installed it according to the offical document the day before yesterday,
i think that its a bug of offical
but i am say thank to you, thank you reply to me!

drone076 · 2020-09-06T07:49:00Z

i am installed it according to the offical document the day before yesterday,
i think that its a bug of offical
but i am say thank to you, thank you reply to me!

Agree, I've got same troubles - after setup according to the official doc, there was not typescript-runtime package at all, I've got errors like @sontd-0882 have

./index.vue?vue&type=script&lang=ts& in ./pages/index.vue friendly-errors 17:03:01
Issues checking in progress... 17:03:01
No issues found. 17:03:01

which is disappeared after I installed latest typescript-runtime

So my package.json now is like:

"devDependencies": {
"@nuxt/types": "^2.14.0",
"@nuxt/typescript-build": "^2.0.2",
"@nuxt/typescript-runtime": "^2.0.0",
"@nuxtjs/eslint-config": "^3.1.0",
"@nuxtjs/eslint-config-typescript": "^3.0.0",
"@nuxtjs/eslint-module": "^2.0.0",
...

But definitely something is wrong here, thanks for opening this issue. Will wait for the official reply

huaiguoguo · 2020-09-06T08:00:02Z

i am installed it according to the offical document the day before yesterday,
i think that its a bug of offical
but i am say thank to you, thank you reply to me!

Agree, I've got same troubles - after setup according to the official doc, there was not typescript-runtime package at all, I've got errors like @sontd-0882 have

./index.vue?vue&type=script&lang=ts& in ./pages/index.vue friendly-errors 17:03:01
Issues checking in progress... 17:03:01
No issues found. 17:03:01

which is disappeared after I installed latest typescript-runtime

So my package.json now is like:

"devDependencies": {
"@nuxt/types": "^2.14.0",
"@nuxt/typescript-build": "^2.0.2",
"@nuxt/typescript-runtime": "^2.0.0",
"@nuxtjs/eslint-config": "^3.1.0",
"@nuxtjs/eslint-config-typescript": "^3.0.0",
"@nuxtjs/eslint-module": "^2.0.0",
...

But definitely something is wrong here, thanks for opening this issue. Will wait for the official reply

en, waiting for official reply

@manniL @kevinmarrec

danielroe · 2020-09-06T10:09:09Z

Yes, this is an issue with the wrong version of @nuxt/typescript-runtime being required. It depends on TypeScript 3.9, but the latest @nuxt/typescript-build depends on TypeScript 4.0.

The fix has already been merged but not yet released: nuxt/create-nuxt-app#599

1. Project generated using 'yarn create nuxt-app' with the following choices: - Project name: website-starter - Programming language: TypeScript - Package manager: Yarn - UI framework: Tailwind CSS - Nuxt.js modules: Axios, Progressive Web App (PWA), Content - Linting tools: ESLint, Prettier - Testing framework: None - Rendering mode: Universal (SSR / SSG) - Deployment target: Static (Static/JAMStack hosting) - Development tools: None 2. Apply unreleased fix with generated project: nuxt/nuxt#8015 3. Update README.md

JeffJassky · 2021-09-09T19:12:17Z

Is there a functional workaround for this? I'm still seeing the issue.

I deleted my node_modules and reinstalled using these deps:

  "devDependencies": {
    "@babel/eslint-parser": "^7.14.7",
    "@nuxt/types": "^2.15.7",
    "@nuxt/typescript-build": "^2.0.3",
    "@nuxt/typescript-runtime": "^2.0.0",
    "@nuxtjs/eslint-config": "^3.1.0",
    "@nuxtjs/eslint-config-typescript": "^3.0.0",
    "@nuxtjs/eslint-module": "^2.0.0",
    "eslint": "^7.29.0",
    "babel-eslint": "^10.1.0",
    "eslint-loader": "^4.0.2",
    "eslint-plugin-nuxt": "^2.0.0",
    "eslint-plugin-vue": "^7.12.1",
    "husky": "^6.0.0",
    "lint-staged": "^10.5.4",
    "webpack": "^4.46.0"
  }

Still no luck. Any tips are appreciated. Thanks!

@danielroe

danielroe · 2021-09-09T19:32:10Z

@JeffJassky You should likely no longer need @nuxt/typescript-runtime. If you are encountering this issue and need help, please do open a discussion with a minimal reproduction - it would be easier to help then. I'd have lots of questions, like what version of typescript you have installed (try yarn why typescript to find out), and a repro makes it easy to investigate.

aseidma · 2021-12-01T19:21:56Z

Adding to the comment from @danielroe, if you are still encountering this issue make sure that your typescript version matches that of @nuxt/typescript-build and/or @nuxt/typescript-runtime.

I also mentioned this in more detail here:
nuxt/create-nuxt-app#819 (comment)

ghost · 2022-01-05T12:28:31Z

I'm facing the same issue:

{
  "name": "poc",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "@nuxt/content": "^1.15.1",
    "@nuxtjs/axios": "^5.13.6",
    "bootstrap": "^4.6.1",
    "bootstrap-vue": "^2.21.2",
    "core-js": "^3.19.3",
    "nuxt": "^2.15.8",
    "vue": "^2.6.14",
    "vue-server-renderer": "^2.6.14",
    "vue-template-compiler": "^2.6.14",
    "webpack": "^4.46.0"
  },
  "devDependencies": {
    "@nuxt/types": "^2.15.8",
    "@nuxt/typescript-build": "^2.1.0",
    "@nuxt/typescript-runtime":"^2.1.0"
  }
}

...and I downgraded typescript to the required version for the dev dependencies:

$ tsc --version
Version 4.2.4

and still get the error

ERROR  Failed to compile with 1 errors                                                                                                                              friendly-errors 12:22:39

This relative module was not found:                                                                                                                                  friendly-errors 12:22:39
                                                                                                                                                                     friendly-errors 12:22:39
* ./index.vue?vue&type=script&lang=ts& in ./pages/index.vue

Any other suggestions for how to fix this?

pabrul · 2022-01-06T16:56:20Z

Hello guys, i'm having the same problem

Every project created with TS happens this... Does anyone know how to solve it?

ghost · 2022-02-08T07:33:03Z

Running the same installation today:

{
  "name": "poc",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "@nuxt/content": "^1.15.1",
    "@nuxtjs/axios": "^5.13.6",
    "bootstrap": "^4.6.1",
    "bootstrap-vue": "^2.21.2",
    "core-js": "^3.19.3",
    "nuxt": "^2.15.8",
    "vue": "^2.6.14",
    "vue-server-renderer": "^2.6.14",
    "vue-template-compiler": "^2.6.14",
    "webpack": "^4.46.0"
  },
  "devDependencies": {
    "@nuxt/types": "^2.15.8",
    "@nuxt/typescript-build": "^2.1.0"
  }
}

but with updated typescript version:

$ tsc --version
Version 4.5.5

Seems to have resolve the issue.

BurningDog · 2022-02-21T07:17:34Z

Using typescript version 4.5.5 with

    "@nuxt/types": "^2.15.8",
    "@nuxt/typescript-build": "^2.1.0",
    "typescript": "^4.5.5",

didn't solve the issue for me.

webcodepl · 2022-02-26T07:25:19Z

Using typescript version 4.5.5 with
    "@nuxt/types": "^2.15.8",
    "@nuxt/typescript-build": "^2.1.0",
    "typescript": "^4.5.5",
didn't solve the issue for me.

I confirm. Still doesn't work.

danielroe · 2022-02-26T11:14:39Z

Try using yarn resolutions or npm overrides to ensure you have only one TypeScript version installed in your project.

nathinho89 · 2022-03-06T15:48:47Z

Try using yarn resolutions or npm overrides to ensure you have only one TypeScript version installed in your project.

How would we go about doing this please?

Having the same issue as other's above from fresh installs

cristianeph · 2022-03-09T18:06:02Z

I'm having the same issue

DotSlashSteve · 2022-03-09T20:31:45Z

I'm having the same issue

I fixed it by following these steps:

npm i -D @nuxt/[email protected]
npm i -D @nuxt/[email protected]
rm -rf node_modules
npm i
npm run dev

After doing this, the server and client compiled without any issues.

Pika-Pool · 2022-09-03T16:58:25Z

Try using yarn resolutions or npm overrides to ensure you have only one TypeScript version installed in your project.

How would we go about doing this please?

Having the same issue as other's above from fresh installs

just add a key in your package.json, like so:

{
  "dependencies": { ... },
  "resolutions": {
    "typescript": "*"
  }

This will ensure that only 1 version of typescript is installed.

But I'm not exactly sure how that is achieved. Eg: in my case, @nuxt/typescript-build has "typescript": "~4.2", and I installed "typescript": "^4.8.2" in my devdependencies. After adding the above resolutions, yarn gives the final version as 4.8.2, which is not right if we are to follow @nuxt/typescript-build.

huaiguoguo added the bug-report label Sep 3, 2020

danielroe closed this as completed Sep 6, 2020

AxelBriche mentioned this issue Jul 7, 2021

This relative module was not found: * ./index.vue?vue&type=script&lang=ts& in ./pages/index.vue nuxt/create-nuxt-app#819

Open

danielroe added 2.x pending triage labels Jan 18, 2023

Uh oh!

This relative module was not found: ./index.vue?vue&type=script&lang=ts& in ./pages/index.vue #8015

This relative module was not found: ./index.vue?vue&type=script&lang=ts& in ./pages/index.vue #8015

Comments

huaiguoguo commented Sep 3, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Versions

Reproduction

Steps to reproduce

What is Expected?

What is actually happening?

sontd-0882 commented Sep 4, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

TheAlexLichter commented Sep 4, 2020

Uh oh!

drone076 commented Sep 6, 2020

Uh oh!

huaiguoguo commented Sep 6, 2020

Uh oh!

drone076 commented Sep 6, 2020

Uh oh!

huaiguoguo commented Sep 6, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

drone076 commented Sep 6, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

huaiguoguo commented Sep 6, 2020

Uh oh!

danielroe commented Sep 6, 2020

Uh oh!

JeffJassky commented Sep 9, 2021

Uh oh!

danielroe commented Sep 9, 2021

Uh oh!

aseidma commented Dec 1, 2021 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ghost commented Jan 5, 2022

Uh oh!

pabrul commented Jan 6, 2022

Uh oh!

ghost commented Feb 8, 2022

Uh oh!

BurningDog commented Feb 21, 2022 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

webcodepl commented Feb 26, 2022

Uh oh!

danielroe commented Feb 26, 2022

Uh oh!

nathinho89 commented Mar 6, 2022

Uh oh!

cristianeph commented Mar 9, 2022

Uh oh!

DotSlashSteve commented Mar 9, 2022

Uh oh!

Pika-Pool commented Sep 3, 2022

Uh oh!

huaiguoguo commented Sep 3, 2020 •

edited

Loading

sontd-0882 commented Sep 4, 2020 •

edited

Loading

huaiguoguo commented Sep 6, 2020 •

edited

Loading

drone076 commented Sep 6, 2020 •

edited

Loading

aseidma commented Dec 1, 2021 •

edited

Loading

BurningDog commented Feb 21, 2022 •

edited

Loading