You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I want to run react-native-web in an SSR context, this already works with Next.js, but I want to migrate from next to vite. I first tried with vike but I go an issue (logs & repro below for context). Link to the thread with @brillout: vikejs/vike#1637
❯ yarn dev --debug
yarn run v1.22.19
$ node server --debug
Server started at http://localhost:5173
5:01:47 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/modules/prefixStyles/index.js:
|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/projects/rnw-ssr-vite/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at async instantiateModule (file:///home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55107:9)
5:01:47 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/exports/StyleSheet/compiler/index.js: failed to import "/node_modules/react-native-web/dist/modules/prefixStyles/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/projects/rnw-ssr-vite/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at async instantiateModule (file:///home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55107:9)
5:01:47 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/exports/StyleSheet/index.js: failed to import "/node_modules/react-native-web/dist/exports/StyleSheet/compiler/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/projects/rnw-ssr-vite/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at async instantiateModule (file:///home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55107:9)
5:01:47 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/modules/createDOMProps/index.js: failed to import "/node_modules/react-native-web/dist/exports/StyleSheet/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/projects/rnw-ssr-vite/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at async instantiateModule (file:///home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55107:9)
5:01:47 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/exports/createElement/index.js: failed to import "/node_modules/react-native-web/dist/modules/createDOMProps/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/projects/rnw-ssr-vite/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at async instantiateModule (file:///home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55107:9)
5:01:47 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/index.js: failed to import "/node_modules/react-native-web/dist/exports/createElement/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/projects/rnw-ssr-vite/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at async instantiateModule (file:///home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55107:9)
5:01:47 PM [vite] Error when evaluating SSR module /src/App.jsx: failed to import "/node_modules/react-native-web/dist/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/projects/rnw-ssr-vite/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at async instantiateModule (file:///home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55107:9)
5:01:47 PM [vite] Error when evaluating SSR module /src/entry-server.jsx: failed to import "/src/App.jsx"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/projects/rnw-ssr-vite/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at async instantiateModule (file:///home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55107:9)
Error: `line` must be greater than 0 (lines start at line 1)
at originalPositionFor$1 (/home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:10454:15)
at eval (/home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:54921:25)
at eval (/home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:54912:21)
at ssrRewriteStacktrace (/home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:54911:10)
at ssrFixStacktrace (/home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:54964:24)
at Object.ssrFixStacktrace (/home/projects/rnw-ssr-vite/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:64837:13)
at eval (/home/projects/rnw-ssr-vite/server.js:73:11)
error Command failed with exit code 1.
Vike errors (differents)
3:01:35 PM [vike][request(1)] HTTP request: /
3:01:35 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/modules/prefixStyles/index.js:
|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/zoriya/projects/bati-vike/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at instantiateModule (file:///home/zoriya/projects/bati-vike/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55058:9)
3:01:35 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/exports/StyleSheet/compiler/index.js: failed to import "/node_modules/react-native-web/dist/modules/prefixStyles/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/zoriya/projects/bati-vike/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at instantiateModule (file:///home/zoriya/projects/bati-vike/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55058:9)
3:01:35 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/exports/StyleSheet/index.js: failed to import "/node_modules/react-native-web/dist/exports/StyleSheet/compiler/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/zoriya/projects/bati-vike/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at instantiateModule (file:///home/zoriya/projects/bati-vike/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55058:9)
3:01:35 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/modules/createDOMProps/index.js: failed to import "/node_modules/react-native-web/dist/exports/StyleSheet/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/zoriya/projects/bati-vike/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at instantiateModule (file:///home/zoriya/projects/bati-vike/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55058:9)
3:01:35 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/exports/createElement/index.js: failed to import "/node_modules/react-native-web/dist/modules/createDOMProps/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/zoriya/projects/bati-vike/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at instantiateModule (file:///home/zoriya/projects/bati-vike/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55058:9)
3:01:35 PM [vite] Error when evaluating SSR module /node_modules/react-native-web/dist/index.js: failed to import "/node_modules/react-native-web/dist/exports/createElement/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/zoriya/projects/bati-vike/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at instantiateModule (file:///home/zoriya/projects/bati-vike/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55058:9)
3:01:35 PM [vite] Error when evaluating SSR module /pages/index/+Page.tsx: failed to import "/node_modules/react-native-web/dist/index.js"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/zoriya/projects/bati-vike/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at instantiateModule (file:///home/zoriya/projects/bati-vike/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55058:9)
3:01:35 PM [vite] Error when evaluating SSR module virtual:vike:pageConfigValuesAll:server:/pages/index: failed to import "/pages/index/+Page.tsx"|- TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/zoriya/projects/bati-vike/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at instantiateModule (file:///home/zoriya/projects/bati-vike/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55058:9)
3:01:35 PM [vike][request(1)][Error] An error was thrown:
TypeError: __vite_ssr_import_0__.default is not a function
at eval (/home/zoriya/projects/bati-vike/node_modules/react-native-web/dist/modules/prefixStyles/index.js:7:46)
at instantiateModule (file:///home/zoriya/projects/bati-vike/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55058:9)
3:01:35 PM [vike][request(1)] HTTP response / 500
Warning: Invalid hook call. Hooks can only be called inside of the body of a functioncomponent. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
8:15:48 PM [vike][request(1)] Following error was thrown by the onRenderHtml() hook defined at vike-react/renderer/onRenderHtml
TypeError: Cannot read properties of null (reading 'useContext')
at Object.useContext6 (/home/rom/tmp/vike-react-native-web-bug/node_modules/.vite/deps_ssr/react-native-web.js?v=97d047a8:3119:29)
Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
Describe the bug
I want to run react-native-web in an SSR context, this already works with Next.js, but I want to migrate from next to vite. I first tried with vike but I go an issue (logs & repro below for context). Link to the thread with @brillout: vikejs/vike#1637
I can reproduce the error with both vike (reproduction repo: https://github.com/zoriya/vike-react-native-web-bug or https://github.com/brillout/vike-react-native-web-bug where @brillout tried to fix some issues) or with vanilla vite (https://stackblitz.com/edit/rnw-ssr-vite).
Reproduction
https://stackblitz.com/edit/rnw-ssr-vite
Steps to reproduce
In stackblitz:
npm i && npm run dev
In the vike repro:
yarn && yarn dev
System Info
Used Package Manager
yarn
Logs
Stackblitz logs
Vike errors (differents)
Vike errors from @brillout fork
Validations
The text was updated successfully, but these errors were encountered: