1
votes

Utilisation du nom d'exportation de "./Name dans create-react-app?

J'essaie de déplacer une application React dans Create-React-App mais j'ai du mal à faire fonctionner certaines choses et je ne sais pas vraiment ce qui est autorisé et ce qui n'est pas autorisé (en ce qui concerne la personnalisation et l'ajout de modules supplémentaires) avec Create-React-

Actuellement, l'ARC avec la source de l'application React ne parvient pas à se compiler à:

./src/containers/index.js
SyntaxError: /Volumes/Mexico/Workspace/create-react-app-test/myapp/src/containers/index.js: Support for the experimental syntax 'exportDefaultFrom' isn't currently enabled (1:8):

Add @babel/plugin-proposal-export-default-from (https://git.io/vb4yH) to the 'plugins' section of your Babel config to enable transformation.

Avec l'erreur:

export App from "./App/App"


7 commentaires

veuillez vérifier et ajouter la version de l'ARC que vous avez installée


Notez que l'application create react 3.0.0 a été publiée récemment, vous pouvez essayer cela pour voir si elles ont résolu votre problème.


Exporter l'application de "./App/App"", pourquoi vous avez utilisé l'exportation au lieu de l'importation à cause de cela, je pense que cela donne une erreur


Merci pour les commentaires rapides. Je pensais que la version de l'ARC était définie par la version de react-scripts, que j'ai fournie? Oui, je viens de remarquer CRA 3 mais je ne savais pas s'il avait atteint la production, vérifiera. Cette exportation fonctionnait auparavant avec Webpack personnalisé et toute configuration. J'ai juste besoin de savoir si je peux l'utiliser avec l'ARC ou si je dois changer tout le code, etc.


create-react-app --version est 1.4.1


Voici la liste des fonctionnalités prises en charge par l'ARC. La syntaxe que vous essayez n'est pas prise en charge. Éjectez et modifiez la configuration de babel ou trouvez moyens de modifier la configuration de babel sans éjecter.


Mise à jour vers CRA3 (sortie le 22/4) mais pas de correctif. Merci à @MaazSyedAdeeb pour la réponse définitive. Cette syntaxe est largement utilisée dans le code, mais je ne souhaite pas l'éjecter, je chercherai donc des moyens de modifier la configuration de babel, sauf si cela n'est vraiment pas recommandé. Je sais que c'est infini, mais il peut être utile d'avoir une liste des choses que l'ARC ne soutient pas ainsi que ce qu'elle soutient.


3 Réponses :


2
votes

Export App depuis "./App/App" n'est pas parmi les export syntaxe variations.

Pour être conforme aux spécifications, il peut être remplacé par:

export { default as App } from "./App/App"


2 commentaires

Mais puis-je en avoir plusieurs? J'ai actuellement: exporter l'application de "./App/App" exporter la maison de "./Home/Home" exporter À propos de "./About/About" ...


J'ai mis à jour la réponse. Vous pouvez avoir plusieurs réexportations nommées de cette façon.




1
votes

Vous pouvez faire quelque chose comme

export {default as App} from './App/App';
export {default as About} from './About/About';
.
.
.


0 commentaires