Typescript replaceAll not transpiled in es5

Question

I am using Typescript with ESNEXT (as of 2021) replaceAll in my code, because it is clearer than using a regexp.

I am transpiling to es5, but in the dist folder, in the traspiled js code, replaceAll remains as it is and there is a TypeError: replaceAll is not a function error.

I thought that Typescript would have traspiled it to es5, in a way that it works with es5. Why does it not do it? How can I fix this problem?

My TS config is:

{
    "compilerOptions": {
        "strict": true,
        "target": "es5",
        "lib": [
            "ES2021"
        ],
        "sourceMap": true,
        "outDir": "../dist/server",
        "baseUrl": ".",
        "resolveJsonModule": true,
        "downlevelIteration": true,
        "paths": {
            "@/*": [
                "./*"
            ]
        }
    }
}

Does this answer your question? [What will Typescript transpile when targeting ES5 / ES3?](https://stackoverflow.com/questions/42564130/what-will-typescript-transpile-when-targeting-es5-es3) — Jeff Bowman, Sep 09 '21 at 16:34
TypeScript only translates syntax and language features, not functionality. — Connor Low, Sep 09 '21 at 23:19

score 1 · Accepted Answer · answered Sep 09 '21 at 21:44

1

TypeScript will transpile modern JS syntax to ES5 but not do the polyfilling (runtime apis).

You can use core-js for that. Add the following to your application entry point:

import 'core-js'; // <- at the top of your entry point

More

https://www.npmjs.com/package/core-js

answered Sep 09 '21 at 21:44

basarat

261,912
58
460
511

Thank you, I actually think that I will try nodejs 16 in my case, but your solution is the right one – EuberDeveloper Sep 10 '21 at 10:14

Typescript replaceAll not transpiled in es5

1 Answers1

More