Le fichier Babel est copié sans être transformé

Question

J'ai ce code :

"use strict";

import browserSync from "browser-sync";
import httpProxy from "http-proxy";

let proxy = httpProxy.createProxyServer({});

et j'ai installé babel-core y babel-cli globalement via npm. Le problème est que lorsque j'essaie de compiler avec cela sur mon terminal :

babel proxy.js --out-file proxified.js

Le fichier de sortie est copié au lieu d'être compilé (c'est-à-dire qu'il est le même que le fichier source).

Qu'est-ce que je rate ici ?

Answer 1

npm install --save-dev babel-preset-node5

npm install --save-dev babel-preset-react

...et ensuite créer un .babelrc avec les préréglages :

{
  "presets": [
    "node5",
    "react"
  ]
}

...a résolu un problème très similaire pour moi, avec babel 3.8.6 et le nœud v5.10.1

https://www.npmjs.com/package/babel-preset-node5
https://www.npmjs.com/package/babel-preset-react

Answer 2

Même erreur, cause différente :

Le transpilage avait fonctionné auparavant, puis a soudainement cessé de fonctionner, les fichiers étant simplement copiés tels quels.

Il s'avère que j'ai ouvert le .babelrc à un moment donné et Windows a décidé d'ajouter .txt au nom du fichier. Maintenant que .babelrc.txt n'a pas été reconnu par Babel. En retirant le .txt a réglé ce problème.

Answer 3

Corrigez votre .babelrc

{
  "presets": [
    "react",
    "ES2015"
  ]
}

Answer 4

En 2018 :

Installez les paquets suivants si vous ne l'avez pas encore fait :

npm install babel-loader babel-preset-react

webpack.config.js

{
    test: /\.jsx?$/,
    exclude: /node_modules/,
    use: [
      {
        loader: 'babel-loader',
        options: {
          presets: ['es2015','react']  // <--- !`react` must be part of presets!
        }
      }
    ],
  }

Answer 5

La solution ultime

J'ai gaspillé 3 jours sur ça

import react from 'react' unexpected identifier

J'ai essayé de modifier webpack.config.js y package.json et en ajoutant .babelrc l'installation et la mise à jour de paquets via npm J'ai visité de très nombreuses pages, mais rien n'a fonctionné.

---

Qu'est-ce qui a marché ? Deux mots : npm start. C'est bien ça.

exécuter le

npm start 

dans le terminal pour lancer un serveur local

...

(attention, cela peut ne pas fonctionner immédiatement mais peut-être seulement après avoir fait un peu de travail sur npm parce qu'avant d'essayer, j'avais supprimé tous les changements dans ces fichiers et cela a fonctionné, donc une fois que vous avez vraiment terminé, considérez-le comme votre dernier recours. )

---

J'ai trouvé cette information sur cette page soignée . Il est en polonais mais n'hésitez pas à utiliser Google translate.