N
Nuxt•7mo ago
DontMindME

Issues with NPM Install on a Nuxt3 project

This is probably going to be embarrassingly obvious, but I've spent the last hour and a half trying to fix the issue and can't seem to make any progress. The first issue relates to installing the dependencies. This, on every attempt, fails with an error stating that it cannot resolve the dependencies error here: 
ran this -> npm install

Error:
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: [email protected]
npm error Found: @pinia/[email protected]
npm error node_modules/@pinia/nuxt
npm error   dev @pinia/nuxt@"^0.4.2" from the root project
npm error
npm error Could not resolve dependency:
npm error peer @pinia/nuxt@"^0.5.1" from @pinia-orm/[email protected]
npm error node_modules/@pinia-orm/nuxt
npm error   @pinia-orm/nuxt@"^1.1.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
ran this -> npm install

Error:
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: [email protected]
npm error Found: @pinia/[email protected]
npm error node_modules/@pinia/nuxt
npm error   dev @pinia/nuxt@"^0.4.2" from the root project
npm error
npm error Could not resolve dependency:
npm error peer @pinia/nuxt@"^0.5.1" from @pinia-orm/[email protected]
npm error node_modules/@pinia-orm/nuxt
npm error   @pinia-orm/nuxt@"^1.1.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
I attempted to adjust the dependencies to accommodate the requested versions but to no avail. After stripping this specific dependency from the project, it seemed to break something else. The error i get this time states that the module @intlify/devtools-if couldn't be found, causing another crash. I tried to use npm install --force as a last resort but still had the same issue.
2 Replies
DontMindME
DontMindMEOP•7mo ago
I then switched to pnpm just as an insanity check and it succeeded and made it past the dependency check but then i got another error stating that the module @intlify/devtools-if couldn't be found, causing another crash. THis is the full error: 
[14:31:35]  ERROR  Cannot find module '@intlify/devtools-if/dist/devtools-if.esm-bundler.js'
m/[email protected]_@[email protected]_@[email protected]_@[email protected]_@unocss+reset_d7usr525b2ou66nijsmdqq5x4u/node_modules/nuxt/dist/index.mjs:4331:5)
  at async loadNuxt (/{removedPath}/node_modules/.pnpm/@[email protected][email protected]/node_modules/@nuxt/kit/dist/index.mjs:2570:19)
  at async Object.run (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/chunks/prepare.mjs:53:18)
  at async runCommand$1 (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/shared/nuxi.9edf0930.mjs:1648:16)
  at async runCommand$1 (/{removedPath}/node_modules/.pnpm/num/[email protected]_@[email protected]_@[email protected]_@[email protected]_@unocss+reset_d7usr525b2ou66nijsmdqq5x4u/node_modules/nuxt/dist/index.mjs:4331:5)       
  at async loadNuxt (/{removedPath}/node_modules/.pnpm/@[email protected][email protected]/node_modules/@nuxt/kit/dist/index.mjs:2570:19)
  at async Object.run (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/chunks/prepare.mjs:53:18)
  at async runCommand$1 (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/shared/nuxi.9edf0930.mjs:1648:16)
  at async runCommand$1 (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/shared/nuxi.9edf0930.mjs:1639:11)
  at async runMain$1 (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/shared/nuxi.9edf0930.mjs:1777:7)
[14:31:35]  ERROR  Cannot find module '@intlify/devtools-if/dist/devtools-if.esm-bundler.js'
m/[email protected]_@[email protected]_@[email protected]_@[email protected]_@unocss+reset_d7usr525b2ou66nijsmdqq5x4u/node_modules/nuxt/dist/index.mjs:4331:5)
  at async loadNuxt (/{removedPath}/node_modules/.pnpm/@[email protected][email protected]/node_modules/@nuxt/kit/dist/index.mjs:2570:19)
  at async Object.run (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/chunks/prepare.mjs:53:18)
  at async runCommand$1 (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/shared/nuxi.9edf0930.mjs:1648:16)
  at async runCommand$1 (/{removedPath}/node_modules/.pnpm/num/[email protected]_@[email protected]_@[email protected]_@[email protected]_@unocss+reset_d7usr525b2ou66nijsmdqq5x4u/node_modules/nuxt/dist/index.mjs:4331:5)       
  at async loadNuxt (/{removedPath}/node_modules/.pnpm/@[email protected][email protected]/node_modules/@nuxt/kit/dist/index.mjs:2570:19)
  at async Object.run (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/chunks/prepare.mjs:53:18)
  at async runCommand$1 (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/shared/nuxi.9edf0930.mjs:1648:16)
  at async runCommand$1 (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/shared/nuxi.9edf0930.mjs:1639:11)
  at async runMain$1 (/{removedPath}/node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/shared/nuxi.9edf0930.mjs:1777:7)
DontMindME
DontMindMEOP•7mo ago
[14:31:35]  ERROR  Cannot find module '@intlify/devtools-if/dist/devtools-if.esm-bundler.js'
Require stack:
- {removedPath}\node_modules\.pnpm\@[email protected][email protected][email protected][email protected]_@[email protected][email protected]_hx3ogzdtn6day64erdxeksgdfq\node_modules\@intlify\nuxt3\dist\module.mjs

 ELIFECYCLE  Command failed with exit code 1.
[14:31:35]  ERROR  Cannot find module '@intlify/devtools-if/dist/devtools-if.esm-bundler.js'
Require stack:
- {removedPath}\node_modules\.pnpm\@[email protected][email protected][email protected][email protected]_@[email protected][email protected]_hx3ogzdtn6day64erdxeksgdfq\node_modules\@intlify\nuxt3\dist\module.mjs

 ELIFECYCLE  Command failed with exit code 1.
To replicate the issue, clone this repo and then attempt to install npm. You will see the same issue that I am having. I am more than happy to provide any extra information required to fix the issue. These are the dependencies: 
{
  "private": true,
  "packageManager": "[email protected]",
  "scripts": {
    "build": "nuxi build",
    "generate": "nuxi generate",
    "postinstall": "nuxi prepare",
    "dev": "nuxi dev",
    "lint": "eslint ."
  },
  "devDependencies": {
    "@antfu/eslint-config": "^0.26.3",
    "@iconify-json/carbon": "^1.1.8",
    "@iconify-json/twemoji": "^1.1.5",
    "@intlify/nuxt3": "^0.2.4",
    "@nuxtjs/color-mode": "^3.1.5",
    "@nuxtjs/tailwindcss": "^5.3.3",
    "@pinia/nuxt": "^0.4.2",
    "@vueuse/nuxt": "^9.2.0",
    "eslint": "^8.23.1",
    "gulp": "^4.0.2",
    "gulp-image-resize": "^0.13.1",
    "nuxt": "^3.0.0-rc.11",
    "pinia": "^2.0.22",
    "tailwindcss-dark-mode": "^1.1.4",
    "typescript": "^4.8.3",
    "vue-i18n": "^9.2.2"
  },
  "dependencies": {
    "@egjs/vue3-flicking": "^4.10.0",
    "@pinia-orm/nuxt": "^1.1.0",
    "primeicons": "^6.0.1",
    "primevue": "^3.17.0",
    "vue-cookies": "^1.8.1"
  }
}
{
  "private": true,
  "packageManager": "[email protected]",
  "scripts": {
    "build": "nuxi build",
    "generate": "nuxi generate",
    "postinstall": "nuxi prepare",
    "dev": "nuxi dev",
    "lint": "eslint ."
  },
  "devDependencies": {
    "@antfu/eslint-config": "^0.26.3",
    "@iconify-json/carbon": "^1.1.8",
    "@iconify-json/twemoji": "^1.1.5",
    "@intlify/nuxt3": "^0.2.4",
    "@nuxtjs/color-mode": "^3.1.5",
    "@nuxtjs/tailwindcss": "^5.3.3",
    "@pinia/nuxt": "^0.4.2",
    "@vueuse/nuxt": "^9.2.0",
    "eslint": "^8.23.1",
    "gulp": "^4.0.2",
    "gulp-image-resize": "^0.13.1",
    "nuxt": "^3.0.0-rc.11",
    "pinia": "^2.0.22",
    "tailwindcss-dark-mode": "^1.1.4",
    "typescript": "^4.8.3",
    "vue-i18n": "^9.2.2"
  },
  "dependencies": {
    "@egjs/vue3-flicking": "^4.10.0",
    "@pinia-orm/nuxt": "^1.1.0",
    "primeicons": "^6.0.1",
    "primevue": "^3.17.0",
    "vue-cookies": "^1.8.1"
  }
}
GitHub
GitHub - afsakar/vcard-portfolio: vCard Portfolio Nuxt 3 Template
vCard Portfolio Nuxt 3 Template. Contribute to afsakar/vcard-portfolio development by creating an account on GitHub.
Want results from more Discord servers?
Add your server