Production React SSR build manifest is wrong if a page depends on `@blueprintjs/core`

[targos]

Package version

3.1.0

Describe the bug

Here's a repro:

npm init adonisjs@latest -- --K=inertia --adapter=react --ssr --auth-guard=basic_auth --db=sqlite repro
cd repro
# force just to bypass react peer dependency error. this can be reproduced with react 18 too.
npm i @blueprintjs/core --force
echo "import { Button } from '@blueprintjs/core'\n\nexport default function Test() { return <Button>Test</Button> }" > inertia/pages/home.tsx
npm run build
cd build
cp ../.env .env
# Edit the .env to have NODE_ENV=production
node bin/server.js
# Then access http://localhost:3333
# Error: Cannot find \"inertia/pages/home.tsx\" chunk in the manifest file

The problem is that the manifest (build/public/assets/.vite/manifest.json) doesn't contain an entry for the home.tsx page. It should have a key named "inertia/pages/errors/home.tsx".

If you add another unrelated page that also uses @blueprintjs/core, it suddenly works again (both pages end up in the manifest).

I'm opening this because I have no idea where to start debugging the problem. It already took me a very long time to understand the cause.

Reproduction repo

No response

[Julien-R44]

Well this is super weird. Never saw that 😅
We don't do anything fancy on the manifest generation, everything is handled by Vite. Also, this is probably more an issue with @adonisjs/vite than @adonisjs/inertia

Is it a blocking issue for you? I don't think so since you said adding another page makes it work. I can probably suggest a workaround if its blocking, but need to check first if its working

In any case, I will take a look soon

[targos]

It's not blocking since we use the workaround of creating a small dummy page that also uses that library. Thanks for looking into it!

[pk4all]

I am facing same issues like this type , My vite config file is ...
`export default defineConfig({
plugins: [
adonisjs({
/**
* Entrypoints of your application. Each entrypoint will
* result in a separate bundle.
*/
entrypoints: ['resources/css/app.css', 'resources/js/app.js'],

  /**
   * Paths to watch and reload the browser on file change
   */
  reload: ['resources/views/**/*.edge'],
}),
inertia({ 
  ssr: { 
    enabled: true, 
    entrypoint: 'inertia/app/ssr.tsx' 
  } 
}),
react(),
adonisjs({
  entrypoints:['inertia/app/app.tsx','inertia/app/admin.tsx'],
  reload: ['resources/views/**/*.edge']
})

],
build: {
rollupOptions: {
output: {
entryFileNames: '[name].js',
chunkFileNames: '[name]-[hash].js',
assetFileNames: '[name]-[hash].[ext]',
},
},
},
}) `

and in my maifest file after build
"inertia/app/admin.tsx": { "file": "admin.js", "name": "admin", "src": "inertia/app/admin.tsx", "isEntry": true, "dynamicImports": [ "_add-Cc3434Jo.js", "_edit-BOQlOIlu.js", "_list-UTCLFajB.js", "_add-CKrH5640.js",
like this.

if I replace .tsx to .js manually my build is running successfully .

Any solution for this issue?