Preset files are not allowed to export objects

by

You’re using a combination of Babel 6 and Babel 7. There is no guarantee of compatibility across versions:

"@babel/core": "^7.0.0-beta.40",
"babel-cli": "^6.26.0",
"babel-loader": "^8.0.0-beta.0",
"babel-plugin-lodash": "^3.3.2",
"babel-plugin-react-transform": "^3.0.0",
"babel-preset-react": "^6.24.1",

should be

"@babel/core": "^7.0.0-beta.40",
"@babel/cli": "^7.0.0-beta.40",
"babel-loader": "^8.0.0-beta.0",
"babel-plugin-lodash": "^3.3.2",
"babel-plugin-react-transform": "^3.0.0",
"@babel/preset-react": "^7.0.0-beta.40",

and

    query: {
      presets: ['react', 'es2015'],
      plugins: ['transform-class-properties']
    }

would be

    query: {
      presets: ['@babel/react', '@babel/es2015'],
      plugins: ['@babel/proposal-class-properties']
    }

I’m also confused because you didn’t mention @babel/proposal-class-properties in your package.json, but assuming it is in there it should also be updated.

More Related Contents:

  1. Support for the experimental syntax ‘classProperties’ isn’t currently enabled
  2. Remove console.logs with Webpack & Uglify
  3. Dynamically import images from a directory using webpack
  4. Why am I getting ReferenceError: self is not defined when I import a client-side library?
  5. babel-loader jsx SyntaxError: Unexpected token [duplicate]
  6. Error: ‘node-sass’ version 5.0.0 is incompatible with ^4.0.0
  7. How to resolve “Cannot use import statement outside a module” in jest
  8. Unexpected token ‘=’ in React Component [duplicate]
  9. Differences between creating a new class to using export const
  10. How to import and export components using React + ES6 + webpack?
  11. Typescript react – Could not find a declaration file for module ”react-materialize’. ‘path/to/module-name.js’ implicitly has an any type
  12. IMAGE: You may need an appropriate loader to handle this file type
  13. React Js require ‘fs’
  14. Importing CSS files in Isomorphic React Components
  15. Requires Babel “7.0.0-0” but was loaded with “6.26.3”
  16. Nextjs: Unable to load images from static folder
  17. Value of “this” is incorrect when debugging Babel transpiled React with Chrome Devtools
  18. webpack can’t find module if file named jsx
  19. How should I configure create-react-app to serve app from subdirectory?
  20. How to hash CSS class names in Nextjs?
  21. Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema
  22. SyntaxError with Jest and React and importing CSS files
  23. combine react build output into single js file
  24. Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘babel-preset-react’
  25. How to set build .env variables when running create-react-app build script?
  26. Create-React-App build – “Uncaught SyntaxError: Unexpected token
  27. How to bundle a React app to a subdirectory on a server?
  28. import a module from node_modules with babel but failed
  29. Unable to load images from static folder
  30. jest: Test suite failed to run, SyntaxError: Unexpected token import

Leave a Comment