recherche
Maisoninterface WebQuestions et réponses frontalesQue faire si une erreur d'importation de nœud se produit

Solution d'erreur d'importation de nœud : 1. Exécutez "npm install --save babel-corenpm install --save babel-preset-env" dans le répertoire racine du projet ; 2. Créez un fichier nommé ". babelrc" ; le projet avec "npm start" et "babel-node app.js".

Que faire si une erreur d'importation de nœud se produit

L'environnement d'exploitation de ce tutoriel : système Windows 10, version node18.4.0, ordinateur Dell G3.

Que dois-je faire si l'importation de nœud signale une erreur ?

Lors de l'exécution du projet nodejs, npm start démarre l'importation du projet et signale une erreur, SyntaxError : Impossible d'utiliser l'instruction d'importation en dehors d'un module

L'erreur lors de l'exécution du projet nodejs est la suivante :

Que faire si une erreur dimportation de nœud se produit

Cela signifie probablement que nodejs ne prend pas en charge l'importation de grammaire, si vous souhaitez le prendre en charge, vous avez besoin de Babel pour le prendre en charge.

Installation de Babel

Alors installons Babel Avec Babel, vous pouvez utiliser un vocabulaire plus avancé !

Dans le répertoire racine du projet, exécutez :

npm install --save babel-corenpm install --save babel-preset-env 或者 npm install --save babel-preset-es2015npm install babel-cli -g

Créez ensuite un fichier nommé .babelrc dans le répertoire racine du projet. Le contenu du fichier est le suivant (remarque). que la fenêtre Lors de la création de ce type de système de fichiers sous le système, vous serez invité : "Vous devez entrer le nom du fichier." Vous pouvez trouver d'autres moyens de le créer. J'ai créé ce fichier dans le répertoire du projet de l'outil de développement, ou vous pouvez utiliser cmder La commande vim de l'artefact ) : 项目根目录下创建一个名字为.babelrc的文件, 文件内容入如下( 要注意window系统下创建这种文件系统会提示你:“必须键入文件名” , 你可以找别的方式去创建, 我是在开发工具的工程目录中把这个文件创建出来的,也可以用cmder神器的vim命令):

 {
    "presets": [
      "es2015"
    ],    "plugins": []}

或者:

{                
    "presets": [ 
         "env"   
     ],          
    "plugins": []}

到目前为止babel算是安装完毕了。

接下来可以用npm startbabel-node app.jsrrreee
ou : Que faire si une erreur dimportation de nœud se produitrrreee Jusqu'à présent, babel a été installé.

Ensuite, vous pouvez utiliser npm start et babel-node app.js pour exécuter le projet.
🎜Apprentissage recommandé : "🎜Tutoriel vidéo React🎜"🎜🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Quelles sont les limites de la réaction?Quelles sont les limites de la réaction?May 02, 2025 am 12:26 AM

React'slimitations incluse: 1) asteeplearningCurveTeetoitSvastecosystème, 2) SeochallegenSwithClient-Sideredering, 3) PotentialPormancesuesesuesInlareApplications, 4) complexstatemangationAppsgrow, and5) thendeedtokeepupwithetsrapidevolution.thesfacteurs

Courbe d'apprentissage de React: défis pour les nouveaux développeursCourbe d'apprentissage de React: défis pour les nouveaux développeursMay 02, 2025 am 12:24 AM

ReactisChallengingForbeginnersDuetOtsSteepLearningCurveandParadigmshiftTocomponent-BasedArchitecture.1) startwithofficialDocumentationforasolidfoundation.2) comprendjsxandhowtoembedjavascriptwithinit.3)

Générer des clés stables et uniques pour les listes dynamiques dans la réactionGénérer des clés stables et uniques pour les listes dynamiques dans la réactionMay 02, 2025 am 12:22 AM

TheCorechallengeingEneratingStable and UniqueKeysfordynamiclistsInReacsensUringConsistentifIendentiveriersafrossre-RendersforefficEntedDomupdates.1) usenaturalkeyswhenpossible, astheyareReliableFunieandandsable.2) GeneraSyTheticKeysBasedonMultipleatTrUtid.

Fatigue JavaScript: rester à jour avec React et ses outilsFatigue JavaScript: rester à jour avec React et ses outilsMay 02, 2025 am 12:19 AM

JavascriptfatigueIrAratingManagable avec des stratégies comme une justice dans le sens

Tester des composants qui utilisent le crochet USESTATE ()Tester des composants qui utilisent le crochet USESTATE ()May 02, 2025 am 12:13 AM

TOTESTREACTPONENTENTS USINGHEUSESTATATEHOOK, Utilisez JestAndreCtTestSingLibraryTosiMulaterInteractions andVerifyStateChangeSintheUi.1) rendethecomponentandCheckInitialState.2) simuleUseractionSlikeclickSorFormSubMessions.3)

Clés dans React: une plongée profonde dans les techniques d'optimisation des performancesClés dans React: une plongée profonde dans les techniques d'optimisation des performancesMay 01, 2025 am 12:25 AM

KeysInreactaRuCrucialForoptimizingPerformanceByAidingInIeFicientListupDates.1) UseKeyStoidentifyAndTrackListeLelements.2) EvitusingArrayIndevices aykeystopReventPerformanceIssues.3) ChoosestablerifierserSikeLiDetem.idtOMAINTAINCOMPOINTSTATEANDDIMPROVEPORES

Que sont les clés dans la réaction?Que sont les clés dans la réaction?May 01, 2025 am 12:25 AM

ReactKeysareUniqueIdentifiants utilisés à la mise en place de la fin de la forme de conciliation.1) Ils sont devenus à la recherche de bilans de liste, 2) en utilisant des demandes et des identifications de liaison liés à la recommandation, 3)

L'importance des clés uniques dans la réaction: éviter les pièges communsL'importance des clés uniques dans la réaction: éviter les pièges communsMay 01, 2025 am 12:19 AM

UNIQUELYYSARECRUCIALINGREACTFOROPTIMIZERINGRENDERINGAnDSALINGAPONontStAtTate Intelectrity.1) useanaturalineIdentifierfromyOrdataifavailable.2) ifnonaturalientifierexists, générationauqueKeyUsingalibraryLIVEUID.3) EviturAnArrayIndevicesSkeys, Empestiall

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

Dreamweaver Mac

Dreamweaver Mac

Outils de développement Web visuel

SublimeText3 Linux nouvelle version

SublimeText3 Linux nouvelle version

Dernière version de SublimeText3 Linux