TanStack / TanStack/cli

Cannot find module error when using pnpm

Offen
#455 0 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
1.3k
Forks
185
Ø Merge
18 Std. 45 Min.
Gemergte PRs (30 T.)
2

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Reproduziere das Problem mit pnpm dlx @tanstack/cli@latest create my-app, vergleiche anschließend die generierte App mit einer, die mit npx erstellt wurde, und untersuche den im Trace angezeigten fehlschlagenden Pfad zu router-manifest.js sowie den Einstiegspunkt router-manifest.ts. Abgeschlossen ist die Aufgabe, wenn ein mit pnpm erstelltes Projekt mit pnpm run dev startet und die Template-App ohne den Missing-Module-Fehler rendert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
node.js, typescript, vite
Bereich
build-system, cli
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
52/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.