Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3". #8

Activity

1. tanc commented on Jan 19, 2022

   

   tanc

   on Jan 19, 2022

   More actions

   Also seeing this problem
2. tanc commented on Jan 19, 2022

   

   tanc

   on Jan 19, 2022

   More actions

   A bit more info and a solution: In my case I have a module for Gutenberg which has scripts for building a Gutenberg block in JavaScript. The requirements for that are Babel@^7.0 but I also need to build Drupal JS in the same module. The error gets thrown due to .babelrc specifying presets. If I comment out .babelrc then no error is thrown.

   In babelrc it is possible to restrict presets and plugins to specific environments. In mine I've set the needed config to only apply in the NODE_ENV=babel7 environment:

   {
     "env": {
       "babel7": {
         "presets": ["@babel/preset-env", "@babel/preset-react"],
         "plugins": [["@babel/plugin-proposal-class-properties"]]
       }
     }
   }
   

   This way I can run my build script like this (from package.json):

   "build": "NODE_ENV=babel7 wp-scripts build",
   

   and my drupal-js-build from the command line like this:

   npx drupal-js-build