Is there a way to use rescripts with tsc?

[m93a]

I've came to this package because react-scripts-ts became deprecated and I want custom eslint config and don't want to compile TypeScript with Babel. I've followed the steps described in README (installed rescripts, created .rescriptsrc, added use-eslint-config), but the build failed with

>yarn start
Failed to compile.

./src/registerServiceWorker.ts
  Line 12:  Parsing error: The keyword 'const' is reserved

Yes, I use const in my code. And I want to. How do I get the program to compile with tsc again?

[harrysolovay]

Hi @m93a –– CRA transpiles TypeScript via Babel... so Rescripts might not be a good fit for you (as it is a tool for patching CRA). As for the error you're getting, I need to know more about how you're setting up your project: are you using the eslint rescript or the tslint rescript? Either way, I believe this error stems from you not having the right linting configuration.

[m93a]

I'm sorry but I think I won't be able to elaborate on this further, because porting my application to a Babel-compatibile TypeScript would be too much of a struggle, so I'll just stick with the deprecated react-scripts-ts. We can leave this issue open for a bit if anyone cares and has the time to investigate it further. Or you can close it 🤷

Sorry to bother 🙂

[harrysolovay]

@m93a no worries––I should clarify one thing though: you wouldn't have to go through "porting [your] application to a Babel-compatible TypeScript"... this is the pre-configured TypeScript transpilation in CRA projects. All you would need is the @rescripts/rescript-use-eslint-config. Please let me know if you need further assistance.

Kind regards,

Harry

[Deveosys]

Hi @harrysolovay !
I would love some help configuring my project with rescripts to be able to transpile Typescript allowing namespaces.

Let's start from a fresh working CRA + electron + typescript project,
my setup would be :

• Create-React-App (--typescript)
• electron
• @rescripts/cli
• @rescripts/rescript-env

This is working well but i need to allow namespaces in Typescript.

[harrysolovay]

@Deveosys –– Namespaces are not available in the Babel TypeScript transform (which is what's being used in CRA). Check out this thread

[Deveosys]

@harrysolovay, what about the allowNamespaces option present in the doc ?
https://babeljs.io/docs/en/babel-plugin-transform-typescript

[harrysolovay]

@Deveosys oh nice––they must've added that after the initial release. In that case, can you just use it via your Babel config? What problems are you running into?

[Deveosys]

@harrysolovay, thanks for your answers. The problem is that i'm not really confortable with webpack / babel and so rescripts config.

So, from the setup i gave you, I'd have to add :

module.exports = [
    [...],
    [
        'use-babel-config',
        {
            presets: ['react-app'],
            plugins: [
                [
                    "@babel/plugin-transform-typescript",
                    {
                        allowNamespaces: true
                    }
                ]
            ]
        }
    ]
];
      

to my .rescripts.jsfile ?

[harrysolovay]

Yep. That should do the trick.