Getting JSX to work inside Monaco

Hi,

I was wondering the steps necessary to get JSX to compile inside a Monaco editor. I added the React.d.ts file using monaco.languages.typescript.typescriptDefaults.addExtraLib but I still get an compiler error when doing something as simple as this Cannot find name div:

I noticed you don’t use monaco.languages.typescript.typescriptDefaults.addExtraLib. How do you get the user’s ever changing TS files into alm in general?

[mrjjwright]

Gotcha, makes sense, thanks!

On Feb 6, 2017, at 5:56 PM, Basarat Ali Syed [e-mail] wrote:

. I thought the tsc compiler could do that but perhaps I am wrong.

TSC can indeed parse them. You need to set jsx: react flag in the config and make sure the file extension .tsx is captured when adding the file to the compilation context.

Note I am unaware / unskilled in doing language analysis inside monaco. I just uses TypeScript / TypeScript compiler API directly 🌹

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/alm-tools/alm/issues/421#issuecomment-277865054, or mute the thread https://github.com/notifications/unsubscribe-auth/AAAQ9wFb7N09F1dVpecYXkiyX7GS2aVqks5rZ8ExgaJpZM4L45Y2.

[basarat]

. I thought the tsc compiler could do that but perhaps I am wrong.

TSC can indeed parse them. You need to set jsx: react flag in the config and make sure the file extension .tsx is captured when adding the file to the compilation context.

Note I am unaware / unskilled in doing language analysis inside monaco. I just use TypeScript / TypeScript compiler API directly 🌹