News for hackers. Stuff that matters.

A comment on WMR – Tiny all-in-one development tool for modern web apps. Parent comment

Re:WMR – Tiny all-in-one development tool for modern web apps by developit on Thursday December 03, 2020 @04:16PM (#25295081)
It's built-in, just change the file extension to `.tsx` or create a new file with that extension.
[ Parent | on HN ]
Re:WMR – Tiny all-in-one development tool for modern web apps by mssundaram on Thursday December 03, 2020 @04:32PM (#25295358)
I tried renaming public/index.js to public/index.tsx and get "./public/index.js - File not found" in the build watcher. Of course the index.html is still referencing the index.js file - what do I need to do?

Edit: It does work for e.g. pages/about/index.js to rename to index.tsx - so maybe it's just the main index that won't work as Typescript?

Also it looks like there is no default definition provided for imported CSS modules - the import resolves to a string so "styles.about" doesn't compile

[ Parent | on HN ]
Re:WMR – Tiny all-in-one development tool for modern web apps by developit on Thursday December 03, 2020 @04:40PM (#25295506)
You need to change the HTML to point to the tsx file too:

<script type="module" src="./index.tsx"></script>

There are ambient TS definitions for CSS Modules, it just had a bug in 1.0.0 - fix is merged and will be released shortly.

[ Parent | on HN ]
Re:WMR – Tiny all-in-one development tool for modern web apps by mssundaram on Thursday December 03, 2020 @04:43PM (#25295552)
Thank you!
[ Parent | on HN ]