multiple-amethyst

Hosting in Docker with Nitro problems

I try to follow Hosting article. I want to host it in Docker, so i choose Nitro V3. However, in the docs there's import import { nitro } from 'nitro/vite' which should be import { nitro } from 'nitro-nightly/vite' to be aligned with suggested package. Moreover, after including nitro in vite.config.js I get error:

failed to load config from C:\Users\MT\source\repos\react-samples\tanstack-start\vite.config.ts
error during build:
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'nitro' imported from C:\Users\MT\source\repos\react-samples\tanstack-start\node_modules\nitro-nightly\dist\vite.mjs
    at packageResolve (node:internal/modules/esm/resolve:873:9)
    at moduleResolve (node:internal/modules/esm/resolve:946:18)
    at defaultResolve (node:internal/modules/esm/resolve:1188:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:642:12)
    at #cachedDefaultResolve (node:internal/modules/esm/loader:591:25)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:574:38)
    at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:236:38)
    at ModuleJob._link (node:internal/modules/esm/module_job:130:49)

failed to load config from C:\Users\MT\source\repos\react-samples\tanstack-start\vite.config.ts
error during build:
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'nitro' imported from C:\Users\MT\source\repos\react-samples\tanstack-start\node_modules\nitro-nightly\dist\vite.mjs
    at packageResolve (node:internal/modules/esm/resolve:873:9)
    at moduleResolve (node:internal/modules/esm/resolve:946:18)
    at defaultResolve (node:internal/modules/esm/resolve:1188:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:642:12)
    at #cachedDefaultResolve (node:internal/modules/esm/loader:591:25)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:574:38)
    at ModuleLoader.getModuleJobForImport (node:internal/modules/esm/loader:236:38)
    at ModuleJob._link (node:internal/modules/esm/module_job:130:49)

Hosting | TanStack Start React Docs

Hosting is the process of deploying your application to the internet so that users can access it. This is a critical part of any web development project, ensuring your application is available to the...

9 Replies

multiple-amethystOP•2mo ago

Just tried using Nitro V2, and it works

genetic-orange•2mo ago

https://tanstack.com/start/latest/docs/framework/react/hosting#using-nitro-v3-beta

Hosting | TanStack Start React Docs

genetic-orange•2mo ago

multiple-amethystOP•2mo ago

hm copying this into package.json changed the error to

error during build:
node_modules/@tanstack/devtools/dist/esm/components/content-panel.js (1:19): "use" is not exported by "node_modules/solid-js/web/dist/server.js", imported by "node_modules/@tanstack/devtools/dist/esm/components/content-panel.js". 
file: C:/Users/MT/source/repos/react-samples/tanstack-start/node_modules/@tanstack/devtools/dist/esm/components/content-panel.js:1:19

1: import { template, use, insert, memo, addEventListener, effect, className, delegateEvents } from "solid-js/web";                      ^
2: import { useDevtoolsSettings } from "../context/use-devtools-context.js";
3: import { useStyles } from "../styles/use-styles.js";

    at getRollupError (file:///C:/Users/MT/source/repos/react-samples/tanstack-start/node_modules/rollup/dist/es/shared/parseAst.js:401:41)
...

error during build:
node_modules/@tanstack/devtools/dist/esm/components/content-panel.js (1:19): "use" is not exported by "node_modules/solid-js/web/dist/server.js", imported by "node_modules/@tanstack/devtools/dist/esm/components/content-panel.js". 
file: C:/Users/MT/source/repos/react-samples/tanstack-start/node_modules/@tanstack/devtools/dist/esm/components/content-panel.js:1:19

1: import { template, use, insert, memo, addEventListener, effect, className, delegateEvents } from "solid-js/web";                      ^
2: import { useDevtoolsSettings } from "../context/use-devtools-context.js";
3: import { useStyles } from "../styles/use-styles.js";

    at getRollupError (file:///C:/Users/MT/source/repos/react-samples/tanstack-start/node_modules/rollup/dist/es/shared/parseAst.js:401:41)
...

genetic-orange•2mo ago

that's a different issue I guess. remove the DevTools and try again

multiple-amethystOP•2mo ago

which devtools? @tanstack/react-router-devtools or @tanstack/react-devtools ? well, i removed both, and it worked so i guess it could be only dev dependency both could be dev dependencies yeah, moving them to be dev dependencies also worked so devtools conflict somehow with Nitro and the only solution is to remove devtools out of Nitro way?

genetic-orange•2mo ago

at the moment, it seems like that which dev tools are causing this?

multiple-amethystOP•2mo ago

this is really werid... now i moved back both dev tools deps into dependencies and error does not show again could i ask how did you come to that conclusion?

genetic-orange•2mo ago

Devtools are implemented in solid regardless of whether you use react or solid

Gaming

Programming

Hosting in Docker with Nitro problems

Did you find this page helpful?