Babel throws a type error when exporting aggregates

Question

When running my gulp task, I get the following error:

SyntaxError in plugin "gulp-babel"
Message:
    /Users/******/Repos/******/src/scripts/config/index.js: Unexpected export specifier type
> 1 | export * as constants from './constants';
             ^^^^^^^^^^^^^^

I'm not sure why this is as I am running the required plugins to allow ES6 imports/exports, or so I thought...

.babelrc

{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-react"
    ],
    "plugins": [
        "add-module-exports",
        "@babel/plugin-transform-modules-commonjs",
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-proposal-export-default-from"
    ]
}

package.json - I've included the full list, most of it will probably be irrelevant but just in case there are any known package conflicts.

"dependencies": {
    "@babel/polyfill": "^7.8.3",
    "classnames": "^2.2.5",
    "concurrent-transform": "^1.0.0",
    "deep-freeze": "0.0.1",
    "eslint": "^3.17.1",
    "eslint-plugin-babel": "^3.2.0",
    "eslint-plugin-react": "^6.10.0",
    "git-rev": "^0.2.1",
    "gulp-awspublish": "^4.0.0",
    "gulp-sftp": "^0.1.5",
    "moment": "^2.18.1",
    "moment-timezone": "^0.5.26",
    "path": "^0.12.7",
    "qs": "^6.4.0",
    "react": "^16.8.4",
    "react-addons-css-transition-group": "^15.0.2",
    "react-dom": "^16.8.4",
    "react-fastclick": "^3.0.2",
    "react-redux": "^4.4.5",
    "react-router": "^3.2.5",
    "react-router-redux": "^4.0.8",
    "react-string-replace": "^0.4.0",
    "react-transition": "^1.0.3",
    "react-transition-group": "^2.7.0",
    "redux": "^3.5.2",
    "redux-thunk": "^2.3.0",
    "underscore": "^1.8.3"
  },
  "devDependencies": {
    "@babel/core": "^7.8.3",
    "@babel/plugin-proposal-class-properties": "^7.8.3",
    "@babel/plugin-proposal-export-default-from": "^7.8.3",
    "@babel/plugin-transform-modules-commonjs": "^7.8.3",
    "@babel/preset-env": "^7.8.3",
    "@babel/preset-es2015": "^7.0.0-beta.53",
    "@babel/preset-react": "^7.8.3",
    "axios": "^0.15.3",
    "babel-core": "^6.26.3",
    "babel-eslint": "^6.0.4",
    "babel-jest": "^25.1.0",
    "babel-loader": "^8.0.6",
    "babel-plugin-add-module-exports": "^1.0.2",
    "babel-polyfill": "^6.26.0",
    "babelify": "^9.0.0",
    "chai": "^3.5.0",
    "enzyme": "^2.7.1",
    "gulp": "^3.9.1",
    "gulp-autoprefixer": "^3.1.1",
    "gulp-babel": "^8.0.0",
    "gulp-browserify": "^0.5.1",
    "gulp-clean": "^0.3.2",
    "gulp-color": "0.0.1",
    "gulp-connect": "^5.0.0",
    "gulp-cssnano": "^2.1.2",
    "gulp-htmlmin": "^3.0.0",
    "gulp-livereload": "^3.8.1",
    "gulp-load-plugins": "^1.5.0",
    "gulp-mocha": "^4.3.0",
    "gulp-param": "^0.6.4",
    "gulp-rename": "^1.2.2",
    "gulp-sass": "^3.1.0",
    "gulp-sass-glob": "^1.0.8",
    "gulp-sourcemaps": "^2.4.1",
    "gulp-ssh": "^0.6.0",
    "gulp-streamify": "^1.0.2",
    "gulp-uglify": "^2.1.0",
    "gulp-watch": "^4.3.11",
    "gulp-webserver": "^0.9.1",
    "jest": "^25.1.0",
    "jsdom": "^9.12.0",
    "lint-staged": "^3.4.0",
    "mocha": "^3.2.0",
    "mocha-jsdom": "^1.1.0",
    "mocha-junit-reporter": "^1.13.0",
    "mock-require": "^2.0.1",
    "pre-commit": "^1.2.2",
    "prop-types": "^15.5.10",
    "react-addons-create-fragment": "^15.6.0",
    "react-addons-test-utils": "^15.6.0",
    "react-tools": "^0.13.3",
    "redux-mock-store": "^1.2.3",
    "run-sequence": "^1.2.2"
  }

Any help appreciated - I'm really at a loss for this one.

(Using node v9.11.2)

Answer 1

From this thread

The problem is that we added export * as ns from "foo" support by default to @babel/parser (in #10521) but not to @babel/preset-env.

As a workaround, you can enable @babel/plugin-proposal-export-namespace-from in your config.

So add @babel/plugin-proposal-export-namespace-from to your .babelrc and dev dependencies and you should be OK!

It looks like eventually this will be built into the preset-env so you won't have to use a plugin.