Le plugin "proposal-numeric-separator" est introuvable.

Question

Comment réparer Could not find plugin "proposal-numeric-separator" Je reçois cette erreur lorsque j'essaie de construire mon application React, je n'ai pas encore éjecté l'application :

./src/index.js
Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0")
    at Array.map (<anonymous>)
    at Generator.next (<anonymous>)
    at Generator.next (<anonymous>)

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

J'ai essayé de télécharger Babel et la proposition de dépendance Numeric Separator, de supprimer les modules Node, de nettoyer le cache Yarn ; mais rien n'a fonctionné.

J'utilise Yarn 1.22.4 et Node 13.11.0, mais j'ai aussi essayé avec NPM 6.13.7.

Answer 1

C'est juste un processus en 4 étapes.

Raison : Cela se produit à cause d'un paquet manquant dans babel. Cela se produit même si vous créez une application angulaire à l'aide de ng new commandement.

Solution

1. Installer plugin-proposal-numeric-separator en utilisant le code suivant dans le terminal.

   npm install --save @babel/plugin-proposal-numeric-separator

2. Une fois que c'est fait, naviguez vers le fichier comme indiqué ci-dessous.

   node_modules > @babel > preset-env > available-plugins.js

3. Dans available-plugins.js ci-dessous exports.default = void 0; copier et coller le code suivant.

   var _pluginProposalNumericSeparator = _interopRequireDefault(require("@babel/plugin-proposal-numeric-separator"));

4. Dans available-plugins.js, dans var _default copier et coller le code suivant.

   "proposal-numeric-separator": _pluginProposalNumericSeparator.default,

Et c'est fait.

Answer 2

Dans mon application angulaire 8, bien que je ne dépende pas directement du paquet react-scripts et que je ne l'aie pas placé dans le dossier de l'utilisateur, je n'ai pas eu à le faire. package.json mais j'ai commencé à avoir cette erreur à la construction. Il a probablement été utilisé comme une dépendance par d'autres paquets.

En lisant ce billet sur github Je l'ai ajouté comme dépendance dans le package.json. "react-scripts": "3.4.1" et lancer npm install, la construction a commencé à fonctionner correctement.

Answer 3

Cela a marché pour moi :

• Supprimer package-lock.json
• Supprimer node_modules
• Exécuter npm i

Answer 4

Essayez ceci, cela fonctionne avec moi.

npm i @babel/compat-data@7.8.0

Answer 5

Ajouter SKIP_PREFLIGHT_CHECK=true à .env fichier pour que la construction fonctionne sans éjection et suivez les étapes ci-dessous :

• Supprimer node_modules et package-lock.json
• Ajouter "resolutions": { "@babel/preset-env": "^7.8.7" } à package.json
• Exécuter npm install npm-force-resolutions --save-dev
• Exécuter npm install
• Exécuter npx npm-force-resolutions
• Exécuter npm install à nouveau
• Exécuter npm run build