pnpm create @tanstack/start@latest results in solid-js import issues

[villesau]

Which project does this relate to?

Start

Describe the bug

Getting following error with fresh setup.

❯ pnpm install
pnpm dev
Lockfile is up to date, resolution step is skipped
Already up to date
╭ Warning ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│                                                                                                                                                    │
│   Ignored build scripts: esbuild@0.18.20, esbuild@0.25.12, esbuild@0.27.0, esbuild@0.27.2, protobufjs@7.5.4, sharp@0.34.5, workerd@1.20260124.0.   │
│   Run "pnpm approve-builds" to pick which dependencies should be allowed to run scripts.                                                           │
│                                                                                                                                                    │
╰────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
Done in 316ms using pnpm v10.28.2

> repo@ dev /Users/path/to/repo
> vite dev --port 3000

Starting content-collections with config content-collections.ts
Using vars defined in .env.local
Start initial build
build started ...
... finished build of 2 collections and 14 documents in 9ms
✘ [ERROR] No matching export in "node_modules/.pnpm/solid-js@1.9.11/node_modules/solid-js/web/dist/server.js" for import "use"

    node_modules/.pnpm/@tanstack+devtools-utils@0.3.0_@types+react@19.2.10_csstype@3.2.3_react@19.2.4_solid-js@1.9.11/node_modules/@tanstack/devtools-utils/dist/solid/esm/dev.js:1:44:
      1 │ import { createComponent, template, insert, use } from 'solid-js/web';
        ╵                                             ~~~

✘ [ERROR] No matching export in "node_modules/.pnpm/solid-js@1.9.11/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"

    node_modules/.pnpm/@tanstack+ai-devtools-core@0.2.1_@types+react@19.2.10_csstype@3.2.3_react@19.2.4/node_modules/@tanstack/ai-devtools-core/dist/esm/components/list/ConversationRow.js:1:77:
      1 │ import { template, insert, createComponent, effect, className, setAttribute, setStyleProperty, delegateEvents } from "solid-js/web";
        ╵                                                                              ~~~~~~~~~~~~~~~~                                                                              

✘ [ERROR] No matching export in "node_modules/.pnpm/solid-js@1.9.11/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"

    node_modules/.pnpm/@tanstack+ai-devtools-core@0.2.1_@types+react@19.2.10_csstype@3.2.3_react@19.2.4/node_modules/@tanstack/ai-devtools-core/dist/esm/components/conversation/ChunkItem.js:1:69:
      1 │ import { template, insert, createComponent, effect, className, memo, setStyleProperty, setAttribute, delegateEvents } from "solid-js/web";
        ╵                                                                      ~~~~~~~~~~~~~~~~                                                                                      

✘ [ERROR] No matching export in "node_modules/.pnpm/solid-js@1.9.11/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"

    node_modules/.pnpm/@tanstack+ai-devtools-core@0.2.1_@types+react@19.2.10_csstype@3.2.3_react@19.2.4/node_modules/@tanstack/ai-devtools-core/dist/esm/components/Shell.js:1:63:
      1 │ import { createComponent, template, insert, effect, className, setStyleProperty, delegateEvents } from "solid-js/web";
        ╵                                                                ~~~~~~~~~~~~~~~~                                                                                            

/Users/path/to/repo/node_modules/.pnpm/esbuild@0.27.2/node_modules/esbuild/lib/main.js:1467
  let error = new Error(text);
              ^

Error: Error during dependency optimization:
                                                                                                                                                                                     
✘ [ERROR] No matching export in "node_modules/.pnpm/solid-js@1.9.11/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"                                          

    node_modules/.pnpm/@tanstack+ai-devtools-core@0.2.1_@types+react@19.2.10_csstype@3.2.3_react@19.2.4/node_modules/@tanstack/ai-devtools-core/dist/esm/components/Shell.js:1:63:
      1 │ ...ert, effect, className, setStyleProperty, delegateEvents } from ...
        ╵                            ~~~~~~~~~~~~~~~~                                                                                                                                


✘ [ERROR] No matching export in "node_modules/.pnpm/solid-js@1.9.11/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"

    node_modules/.pnpm/@tanstack+ai-devtools-core@0.2.1_@types+react@19.2.10_csstype@3.2.3_react@19.2.4/node_modules/@tanstack/ai-devtools-core/dist/esm/components/conversation/ChunkItem.js:1:69:
      1 │ ...ffect, className, memo, setStyleProperty, setAttribute, delegate...
        ╵                            ~~~~~~~~~~~~~~~~                                                                                                                                


✘ [ERROR] No matching export in "node_modules/.pnpm/solid-js@1.9.11/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"

    node_modules/.pnpm/@tanstack+ai-devtools-core@0.2.1_@types+react@19.2.10_csstype@3.2.3_react@19.2.4/node_modules/@tanstack/ai-devtools-core/dist/esm/components/list/ConversationRow.js:1:77:
      1 │ ...lassName, setAttribute, setStyleProperty, delegateEvents } from ...
        ╵                            ~~~~~~~~~~~~~~~~                                                                                                                                


✘ [ERROR] No matching export in "node_modules/.pnpm/solid-js@1.9.11/node_modules/solid-js/web/dist/server.js" for import "use"

    node_modules/.pnpm/@tanstack+devtools-utils@0.3.0_@types+react@19.2.10_csstype@3.2.3_react@19.2.4_solid-js@1.9.11/node_modules/@tanstack/devtools-utils/dist/solid/esm/dev.js:1:44:
      1 │ import { createComponent, template, insert, use } from 'solid-js/web';
        ╵                                             ~~~                                                                                                                            


    at failureErrorWithLog (/Users/path/to/repo/node_modules/.pnpm/esbuild@0.27.2/node_modules/esbuild/lib/main.js:1467:15)
    at /Users/path/to/repo/node_modules/.pnpm/esbuild@0.27.2/node_modules/esbuild/lib/main.js:926:25
    at /Users/path/to/repo/node_modules/.pnpm/esbuild@0.27.2/node_modules/esbuild/lib/main.js:1345:9
    at process.processTicksAndRejections (node:internal/process/task_queues:105:5) {
  errors: [Getter/Setter],
  warnings: [Getter/Setter]
}

Node.js v22.14.0
 ELIFECYCLE  Command failed with exit code 1.

Your Example Website or App

Steps to Reproduce the Bug or Issue

1. run @tanstack/start@latest
2. select following:

pnpm create @tanstack/start@latest
┌  Let's configure your TanStack Start application
│
◇  What would you like to name your project?
│  repo
│
◇  Select toolchain
│  Biome
│
◇  Select deployment adapter
│  Cloudflare
│
◇  Keyboard Shortcuts ────────────────────────────────────────────────╮
│                                                                     │
│  Use ↑/↓ to navigate • Space to select/deselect • Enter to confirm  │
│                                                                     │
├─────────────────────────────────────────────────────────────────────╯
│
◇  What add-ons would you like for your project?
│  AI, DB, Drizzle, Shadcn, T3Env, Storybook, Apollo Client
│
◇  Would you like an example?
│  Events
│
◇  Drizzle: Database Provider
│  PostgreSQL
│
◇  Initialized git repository
│
◇  Installed dependencies
│
▲  Warnings: 
│  TanStack Start is not yet at 1.0 and may change significantly or not be compatible with other add-ons.
│  Migrating to Start might require deleting node_modules and re-installing.
│
└  Your TanStack Start app is ready in 'repo'.

Use the following commands to start your app:
% cd repo
% pnpm dev

Please read the README.md file for information on testing, styling, adding routes, etc.

3. run pnpm install and pnpm dev
4. it errors out

Expected behavior

It should start without problems

Screenshots or Videos

No response

Platform

• Router / Start Version: [e.g. 1.121.0]
• OS: [e.g. macOS, Windows, Linux]
• Browser: [e.g. Chrome, Safari, Firefox]
• Browser Version: [e.g. 91.1]
• Bundler: [e.g. vite]
• Bundler Version: [e.g. 7.0.0]

Additional context

No response

[dotnize]

Probably related:

• React AI Dev Tool : No matching export for import "use" from "solidjs/wed" ai#105

I'm seeing this with TanStack Form Devtools as well.

I noticed that both use @tanstack/devtools-utils directly in their dependencies, unlike Router and Query devtools which work just fine.

$ pnpm why @tanstack/devtools-utils

devDependencies:
@tanstack/react-ai-devtools 0.2.6
├─┬ @tanstack/ai-devtools-core 0.3.2
│ └── @tanstack/devtools-utils 0.3.0
└── @tanstack/devtools-utils 0.3.0
@tanstack/react-form-devtools 0.2.13
├── @tanstack/devtools-utils 0.3.0
└─┬ @tanstack/form-devtools 0.2.13
  └── @tanstack/devtools-utils 0.3.0

Might be worth moving this to the devtools repo?

[tannerlinsley]

Addressed by PR #355. We removed the AI devtools integration/dependency path that was triggering the reported Solid startup import failures in generated projects.