How to fix index.js:2 Uncaught ReferenceError: exports is not defined?

Question

JavaScript

How to fix index.js:2 Uncaught ReferenceError: exports is not defined ?

Answer 1

You probably compiled your TS to CommonJS and tried to open the resulting files in a browser.
It won't work, the browser doesn't know anything about the Node.js module system (from here exports is not defined).
Offhand, 2 ways to solve the problem:
1) build a bundle (look towards webpack, rollup, parcel)
2) change module to es2015 or esnext in tsconfig so as not to transform modules (for example, study this )

Answer 2

Oh my god... I spent about two hours trying to solve it. And I really want to help somebody. The following works for me:
install:
@babel/plugin-transform-runtime
next step:
.babelrc

{
    "presets": [
        [
            "@babel/preset-env",
            {
                "useBuiltIns": "usage",
                "corejs": 3
            }
            
        ]
    ],
    "plugins": ["@babel/plugin-transform-runtime"]
}

And allow modules:
ts.config

"target": "ES5",                         
"module": "CommonJS",