Thanks to visit codestin.com
Credit goes to github.com

Skip to content

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

@villesau

Description

@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: [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected].   │
│   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/[email protected]/node_modules/solid-js/web/dist/server.js" for import "use"

    node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected]/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/[email protected]/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"

    node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/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/[email protected]/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"

    node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/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/[email protected]/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"

    node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/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/[email protected]/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/[email protected]/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"                                          

    node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/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/[email protected]/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"

    node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/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/[email protected]/node_modules/solid-js/web/dist/server.js" for import "setStyleProperty"

    node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected]/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/[email protected]/node_modules/solid-js/web/dist/server.js" for import "use"

    node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected]/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/[email protected]/node_modules/esbuild/lib/main.js:1467:15)
    at /Users/path/to/repo/node_modules/.pnpm/[email protected]/node_modules/esbuild/lib/main.js:926:25
    at /Users/path/to/repo/node_modules/.pnpm/[email protected]/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.

  1. run pnpm install and pnpm dev
  2. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions