TanStack / TanStack/cli

Cannot find module error when using pnpm

Ouverte
#455 0 commentaires 1 réaction 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
TypeScript
Étoiles
1.3k
Forks
185
Merge moyen
18 h 45 min
PR mergées (30 j)
2

Description

Which project does this relate to?

Create Tanstack App

Describe the bug

When creating new project via pnpm dlx @tanstack/cli@latest create, the resulting app throws Error: Cannot find module 'tanstack-start-injected-head-scripts:v' when visiting localhost:3000.

Note that if using npx @tanstack/cli@latest create,everything works as expected. This issues appears to affect pnpm only.

Your Example Website or App

Not applicable, run cli as normal

Steps to Reproduce the Bug or Issue
  1. Run pnpm dlx @tanstack/cli@latest create my-app
  2. Select all default settings
  3. cd my-app
  4. pnpm run dev
  5. Navigate to localhost:3000 in browser
  6. Observe error message in browser and terminal
Expected behavior

Expect to see template Tanstack Start app in browser. Browser displays {"status":500,"unhandled":true,"message":"HTTPError"} instead.

Terminal displays:


  VITE v8.0.14  ready in 2348 ms

  ➜  Local:   http://localhost:3000/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
4:06:33 pm [vite] (ssr) connected.
Error: Cannot find module 'tanstack-start-injected-head-scripts:v' imported from '/Users/Braden/Projects/my-app/node_modules/.pnpm/@tanstack+start-server-core@1.169.3/node_modules/@tanstack/start-server-core/dist/esm/router-manifest.js'
    at fetchModule (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/chunks/node.js:23110:32)
    ... 8 lines matching cause stack trace ...
    at ModuleRunner.getModuleInformation (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/module-runner.js:1199:28) {
  cause: Error: Cannot find module 'tanstack-start-injected-head-scripts:v' imported from '/Users/Braden/Projects/my-app/node_modules/.pnpm/@tanstack+start-server-core@1.169.3/node_modules/@tanstack/start-server-core/dist/esm/router-manifest.js'
      at fetchModule (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/chunks/node.js:23110:32)
      at RunnableDevEnvironment.fetchModule (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/chunks/node.js:24798:10)
      at fetchModule (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/chunks/node.js:24748:17)
      at handleInvoke (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/chunks/node.js:26564:27)
      at EventEmitter.listenerForInvokeHandler (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/chunks/node.js:26619:19)
      at EventEmitter.emit (node:events:509:28)
      at Object.send (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/chunks/node.js:10788:37)
      at Object.invoke (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/module-runner.js:606:31)
      at Object.invoke (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/module-runner.js:655:31)
      at ModuleRunner.getModuleInformation (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/module-runner.js:1199:28) {
    code: 'ERR_MODULE_NOT_FOUND',
    runnerError: Error: RunnerError
        at reviveInvokeError (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/module-runner.js:547:64)
        at Object.invoke (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/module-runner.js:620:11)
        at async ModuleRunner.getModuleInformation (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/module-runner.js:1199:7)
        at async request (file:///Users/Braden/Projects/my-app/node_modules/.pnpm/vite@8.0.14_jiti@2.7.0/node_modules/vite/dist/node/module-runner.js:1216:83)
        at async getStartManifest (/Users/Braden/Projects/my-app/node_modules/.pnpm/@tanstack+start-server-core@1.169.3/node_modules/@tanstack/start-server-core/src/router-manifest.ts:61:17)
        at async computeFinalManifest (/Users/Braden/Projects/my-app/node_modules/.pnpm/@tanstack+start-server-core@1.169.3/node_modules/@tanstack/start-server-core/src/finalManifest.ts:264:13)
        at async executeRouter (/Users/Braden/Projects/my-app/node_modules/.pnpm/@tanstack+start-server-core@1.169.3/node_modules/@tanstack/start-server-core/src/createStartHandler.ts:480:26)
        at async next (/Users/Braden/Projects/my-app/node_modules/.pnpm/@tanstack+start-server-core@1.169.3/node_modules/@tanstack/start-server-core/src/createStartHandler.ts:229:16)
        at async handleServerRoutes (/Users/Braden/Projects/my-app/node_modules/.pnpm/@tanstack+start-server-core@1.169.3/node_modules/@tanstack/start-server-core/src/createStartHandler.ts:735:15)
        at async eval (/Users/Braden/Projects/my-app/node_modules/.pnpm/@tanstack+start-server-core@1.169.3/node_modules/@tanstack/start-server-core/src/createStartHandler.ts:543:22)
  },
  status: 500,
  statusText: undefined,
  headers: undefined,
  data: undefined,
  body: undefined,
  unhandled: true
}
Screenshots or Videos

No response

Platform
  • OS: macOS
  • Browser: Safari, Chrome
Additional context

No response

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Reproduisez le problème avec pnpm dlx @tanstack/cli@latest create my-app, puis comparez l’application générée avec une application créée à l’aide de npx et examinez le chemin défaillant de router-manifest.js ainsi que le point d’entrée router-manifest.ts indiqués dans la trace. C’est terminé lorsqu’un projet généré avec pnpm démarre avec pnpm run dev et affiche l’application modèle sans l’erreur de module manquant.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
node.js, typescript, vite
Domaine
build-system, cli
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
52/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.