Error demo

packages/fastify-renderer/package.json

@@ -68,7 +68,7 @@
     "path-to-regexp": "^6.2.1",
     "sanitize-filename": "^1.6.3",
     "stream-template": "^0.0.10",
-    "vite": "^2.9.15",
+    "vite": "^5.0.0",
     "wouter": "^2.7.5"
   },
   "peerDependencies": {
@@ -104,4 +104,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

packages/fastify-renderer/src/node/Plugin.ts

@@ -42,7 +42,7 @@ export class FastifyRendererPlugin {
     this.devMode = incomingOptions.devMode ?? process.env.NODE_ENV != 'production'
 
     this.vite = incomingOptions.vite || {}
-    this.vite.base ??= '/.vite/'
+    this.vite.base ??= '/.vite/.vite/'
     this.viteBase = this.vite.base
     this.assetsHost = incomingOptions.assetsHost || ''
     this.hooks = incomingOptions.hooks || []

packages/fastify-renderer/src/node/renderers/react/ReactRenderer.tsx

@@ -305,7 +305,8 @@ export class ReactRenderer implements Renderer {
       return await this.devServer!.ssrLoadModule(id)
     } else {
       const builtPath = path.join(this.plugin.serverOutDir, mapFilepathToEntrypointName(id))
-      return require(builtPath)
+      // Error: require() of ES Module /Users/slava.knyazev/fastify-renderer/packages/test-apps/simple-react/dist/server/~ImperativeApple.tsx.mjs not supported.
+      return import(builtPath) //This throws an error
     }
   }
 

packages/fastify-renderer/src/node/utils.ts

@@ -24,7 +24,7 @@ const cwd = process.cwd()
 export const mapFilepathToEntrypointName = (filepath: string, base = '') => {
   const prefix = longestCommonPrefix(cwd, filepath)
   filepath = filepath.slice(prefix.length)
-  return base.replace(/\//g, '~') + filepath.replace(/\//g, '~')
+  return base.replace(/\//g, '~') + filepath.replace(/\//g, '~') + '.mjs'
 }
 
 export const escapeRegex = (string: string) => {

packages/test-apps/simple-react/server.ts

@@ -28,6 +28,7 @@ export const server = async () => {
         include: ['react', 'react-dom', 'react-dom/server', 'wouter', 'path-to-regexp'],
       },
     },
+    devMode: false,
   })
 
   const ImperativeApple = server.registerRenderable(require.resolve('./ImperativeApple'))