create-react-app keeps post-ES5 JavaScript

Question

I am using the TypeScript flavor of create-react-app:

npx create-react-app my-app --typescript

When I build the app, the bundle still includes post-ES5 code such as Symbol. What am I missing? My tsconfig file:

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react"
  },
  "include": [
    "src"
  ]
}

Christophe · Accepted Answer · 2019-11-26 05:37:32Z

2

I found out that create-react-app has an associated polyfill package called react-app-polyfill, not included in the solution by default.

Setting the target to ES5 is not enough, you also need to get the polyfill package and reference it in the code. For example for IE11 support:

// This must be the first line in src/index.js
import 'react-app-polyfill/ie11';

answered Nov 26, 2019 at 5:37

Christophe

28.3k29 gold badges104 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

create-react-app keeps post-ES5 JavaScript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related