J'utilise styled-composants code> dans mon application réactive. J'utilise de cette façon: SCRIPT1014: Invalid character
3 Réponses :
Vous devez ajouter des polyfills pour réagir au travail sur IE. Ajoutez ces bibliothèques au début du fichier index.js et de la rétrogradation sur réacteur-scripts version 3.2.0 .
Merci pour votre aide, mais cela ne résout pas le problème. Le message d'erreur apparaît toujours
Avez-vous ajouté les polyfills en haut, avant toute autre chose?
Non, le même que vous avez posté. Directement sur le dessus.
Oh, j'ai oublié que vous devez également utiliser "réact-scripts": "3.2.0
Vous voulez donc dire cette version exacte de réacteur-scripts ? J'utilise actuellement "réact-scripts": "3.4.1",
oui les polyfills ne fonctionnent pas avec d'autres versions de scripts réagissant
Je ne l'ai pas fait fonctionner sur NPM Démarrer , mais avec NPM Run Build Cela fonctionne également dans IE11 maintenant. J'ai ajouté importer 'core-js'; Importer 'React-App-Polyfill / IE11'; Importer 'réact-app-polyfill / stable'; à index.js et ie-11 Dans package.json dans la section BrowserList . Merci beaucoup pour votre aide.
La solution de Junius L. a travaillé pour moi.
Étapes de la solution:
NPM Installez React-App-Polyfill
- Ajouter les bibliothèques dans le fichier index.js
Remarque: cela a fonctionné sans déclasser les "scripts de réaction".
-
Mettez à jour la navigation dans le paquet.json
XXX
Je ne l'ai pas fait fonctionner sur NPM Démarrer , mais avec NPM Run Build Cela fonctionne également dans IE11 maintenant. J'ai ajouté importer 'core-js'; Importer 'React-App-Polyfill / IE11'; Importer 'réact-app-polyfill / stable'; à index.js et ie-11 Dans package.json dans la section BrowserList . Merci beaucoup pour votre aide.
J'ai créé un échantillon de réactant à l'aide de détails étapes comme ci-dessous: p> Ajouter Polyfill pour IE Navigateur . P>
Installer le package: Ajoutez le code suivant dans le SRC / Index.js P>
"réact-scripts": "3.4.1" code>, après avoir ajouté le réacteur-app-polyfill code> polyfill pour ie navigateur et installez les composants de style, je pourrais utiliser les composants de style pour ajouter du style CSS.
Installez le package code> p>
{
"name": "reactstylecomponent",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1",
"react": "^16.13.1",
"react-app-polyfill": "^1.0.6",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1",
"styled-components": "^5.1.1",
"webpack": "4.42.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all",
"ie 11"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version",
"ie 11"
]
},
"devDependencies": {
"webpack": "^4.42.0"
}
}
Merci pour votre aide, mais c'est vraiment fou. Toutes les solutions ne fonctionnent pas dans mon cas. L'erreur est toujours la même.
Essayez d'effacer les données de navigateur IE (cache, cookie et ainsi de suite) et le dossier de cache sous le dossier Node_Modules de l'application. Ensuite, retester le site Web dans le navigateur IE.
On dirait que l'erreur est différente, mais cela montre l'erreur sur la ligne ci-dessus dans l'image.
Je ne l'ai pas fait fonctionner sur NPM Démarrer , mais avec NPM Run Build Cela fonctionne également dans IE11 maintenant. J'ai ajouté importer 'core-js'; Importer 'React-App-Polyfill / IE11'; Importer 'réact-app-polyfill / stable'; à index.js et ie-11 Dans package.json dans la section BrowserList . Merci beaucoup pour votre aide.
Êtes-vous en train de transpercer votre code avec Babel?
Désolé, je ne le sais pas. J'ai créé l'application avec
Créer-réact-app et j'utilise les fonctions standardNPM start ouNPM Run Catégorie . Comment puis-je vérifier cela?