Je suis nouveau sur React. Je l'ai ajouté à un projet en utilisant les informations de ce site: https://reactjs.org/docs/add-react-to-a-website.html Exécutez npm init -y (si cela échoue, voici un correctif) Exécutez npm installer ...

0
abc123 17 mars 2021 à 01:36

4 réponses

Meilleure réponse

Où se trouve l'instruction import React from 'react' et comment ce fichier js est-il connecté à votre html? Si vous liez le fichier contenant ce code à partir d'une balise <script> dans votre HTML, vous devez attribuer à cette balise de script un attribut type="module".

1
Seth Lutske 16 mars 2021 à 22:58

Les étapes que vous avez mentionnées concernent la configuration de jsx. Pouvez-vous coller le message d'erreur complet? Avez-vous installé React dans votre projet existant?

Vous devrez peut-être installer React pour le faire fonctionner.

0
Anuraag Gupta 16 mars 2021 à 22:51

Avec la classe d'exportation Arrow ... vous devez utiliser import {Arrow} ... alors qu'avec la classe d'exportation par défaut Arrow ... vous devez utiliser import Arrow .... Dans le premier cas, il peut y avoir plusieurs exportations ... dans un fichier et par conséquent, votre instruction d'importation doit être capable de gérer l'importation de plusieurs variables en plaçant cette liste potentielle de variables entre accolades. Avec l'exportation par défaut ... il ne peut y avoir qu'une seule exportation à partir de ce fichier et, par conséquent, l'instruction d'importation peut affirmer en toute confiance qu'elle importe une seule variable, c'est-à-dire import myVariabl

0
Arush 16 mars 2021 à 22:45

Remarquez que dans la page que vous avez liée, il n'y a aucune référence à import ou export.
Aussi comment cette page dit:

Astuce
Nous n'utilisons npm ici que pour installer le préprocesseur JSX;

Cela signifie qu'il ne traitera que les expressions JSX en appels de fonction React.createElement. Si vous souhaitez utiliser des modules, vous devrez soit utiliser des modules natifs en remplaçant type de votre <script par module

<script type="module" src="./main.js">

Ou utilisez un bundler.

Pour utiliser un bundler, consultez la page suivante des didacticiels React: https://reactjs.org/docs/create-a-new- react-app.html

1
Fred Stark 16 mars 2021 à 23:23