fix(create-vite): update tsconfig with moduleDetection force

[t-cc]

Description

fix #17443

Problem solved:

With the current configuration, the application may compile successfully but fail at runtime.

Reproducible example here:https://stackblitz.com/edit/vitejs-vite-srbrdd

Reproduction

https://stackblitz.com/edit/vitejs-vite-srbrdd?file=tsconfig.json

Steps to reproduce

1. Start a new typescript react project: https://vite.new/react-ts
2. Add a new ts file inside the src folder (for example newfile.ts) with this content: const MY_CONST = 1
3. Print the value of the constant inside App.tsx : {MY_CONST},

At this point, you should be able to compile (with npx tsc --noEmit) or build the app ( npm run build ) without errors, but the app fails at runtime ( npm run dev ) in the preview.

Notes:

I was only able to reproduce this with the react and react templates.

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[bluwy]

Is there a reason to only apply to the react and preact templates? Should it be applied to all tsconfigs that has isolatedModules: true?

[t-cc]

Is there a reason to only apply to the react and preact templates? Should it be applied to all tsconfigs that has isolatedModules: true?

I was able to reproduce the error just react and preact (actually the absence of error). For example, with the vite template it fails at compile time without updating the typescript configuration.
https://stackblitz.com/edit/vitejs-vite-eygbwq?file=src%2Fcomponents%2Fconstants.ts,src%2Fcomponents%2FHelloWorld.vue&terminal=dev

Also I only have experience with react and preact... perhaps someone with experience in these frameworks can take care of the updates.

[bluwy]

I think we should update it for the rest of the templates. It's not related to frameworks specifically. If you use MY_CONST in another .ts file for example, you can see that there's no errors either.

[t-cc]

I think we should update it for the rest of the templates. It's not related to frameworks specifically. If you use MY_CONST in another .ts file for example, you can see that there's no errors either.

Yes, you are right: demo

[bluwy]

Thanks!