React 16 + IE11 = ERROR

salut,
je suis dans le caca.

on m'a indiqué que l'application devait IMPERATIVEMENT être compatible IE11! (Microsoft je vous déteste pour se truc)
et là, le drame, rien ne fonctionne SCRIPT1003.

j'utilise react 16.6.3, typescript 3.1.6, redux:4.0.1

j'ai lu pas mal de truc et je suis au bout de ma vie.

j'ai installé babel-polyfill et j'ai fait un import du package dans les première ligne du projet (index.tsx)
et j'ai lu un truc au sujet de preset-ev je l'ai ajouté, mais ça ne fonctionne pas mieux.

Pièce jointe 459101

à travers mon code j'ai du enlever ces règles typescript :
"object-literal-shorthand": false,
"object-shorthand": "always"

car lorsque j'utilise mes actions, je fait des constant de mes fonctions (je devrais peut être me documenté sur les nom technique)
Pièce jointe 459112


et là je suis sur une erreur SCRIPT1010 qui se trouve dnas le module ./node_modules/@babel/code-frame/lib/index.js

Pièce jointe 459105

je continuerais de tout comprendre demain, mais là je suis au bout de ma vie.

Si tu as TypeScript tu n'as pas besoin de Babel puisqu'il transpile déjà.

Montre nous ton tsconfig.json et en particulier la valeur de la propriété compilerOptions.target. Tu devrais cibler ES5 pour être compatible IE11.

Ton package.json pourrait aussi aider à comprendre comment tu buildes ton appli.

salut,
merci pour ton aide aussi rapide ;),
je vais enlever se que j'ai ajouter,
et changer es6 par es5.

voici mon fichier tsConfig :
Pièce jointe 459224


par-contre le "Array.from" et les "find(item=>{})" en-revoir, et les "Promise" ça ne fonctionne pas comme j'ai fait.
je vais en discuter avec mon patron, car il y a beaucoup de changement (si c'est la bonne méthode).

je vais lire la documentation Typescript ça sera plus clair pour moi

merci merci!

Citation:

---

Envoyé par Secoia

par-contre le "Array.from" et les "find(item=>{})" en-revoir, et les "Promise" ça ne fonctionne pas comme j'ai fait.
je vais en discuter avec mon patron, car il y a beaucoup de changement (si c'est la bonne méthode).

---

Mmh le principe de la transpilation c'est de pouvoir écrire ton code dans une version avancée de TypeScript / JavaScript, donc par exemple en utilisant les promesses introduites en ES6 et de transpiler ce code en ES5 qui sera compris par IE11. C'est cette version transpilée en ES5 qu'il faut exécuter dans ton navigateur.

Donc en changeant la target vers ES5 il n'y a aucune modification à apporter à ton code ça devrait tourner direct.

Simplement après avoir changer la target il faut bien évidemment recompiler ton code et donc regénérer le bundle exécuté dans ton browser.

Citation:

---

Envoyé par Secoia

je vais lire la documentation Typescript ça sera plus clair pour moi

---

Oui c'est mieux !