Cannot find module error when using pnpm

オープン
#455 コメント 0 件 リアクション 1 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
52/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
静か
技術スタック
node.js, typescript, vite
領域
build-system, cli

調査の方向性

pnpm dlx @tanstack/cli@latest create my-app で問題を再現し、生成されたアプリを npx で作成したアプリと比較して、trace に示されている失敗している router-manifest.js のパスと router-manifest.ts のエントリーポイントを調査します。pnpm で scaffold したプロジェクトが pnpm run dev で起動し、missing-module エラーなしで template app をレンダリングできれば完了です。

索引モデルが issue の本文から書いたものです。

説明

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

主要言語
TypeScript
スター
1.3k
フォーク
185
平均マージ
18時間 45分
マージ済み PR(30日)
2

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

TanStack/cli のほかの issue

TanStack/cli の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。