Getting Unexpected Token Export

by

Updated for 2022

You are using ES6 Module syntax.

This means your environment (e.g. node v14.13.0 or newer) must support ESM (Ecmascript Module Syntax).

NodeJS since v14.13.0 supports EcmaScript Module Syntax but it must be enabled by adding the property "type":"module" to package.json. NodeJS versions prior to v14.13.0 uses CommonJS Module syntax by default (module.exports), not ES6 module syntax (export keyword).

Solutions:

  • Enable module support in package.json as outlined above, if
  • Refactor with CommonJS syntax (for older versions of NodeJS)
  • Accept that TypeScript is just better and write .ts files along with ts-node or ts-node-dev npm package
  • (deprecated) Use babel npm package to transpile your ES6 to a commonjs target

Javascript Module standards have changed a lot in recent years, so it can be a bit confusing.

More Related Contents:

  1. ES6 exporting/importing in index file
  2. Webpack babel 6 ES6 decorators
  3. Null-safe property access (and conditional assignment) in ES6/2015
  4. Using Node.js require vs. ES6 import/export
  5. babel-loader jsx SyntaxError: Unexpected token [duplicate]
  6. “You may need an appropriate loader to handle this file type” with Webpack and Babel
  7. Arrow Function in Object Literal [duplicate]
  8. Extending built-in natives in ES6 with Babel
  9. How do I generate sourcemaps when using babel and webpack?
  10. Can’t require() default export value in Babel 6.x
  11. Browserify, Babel 6, Gulp – Unexpected token on spread operator
  12. Why doesn’t instanceof work on instances of Error subclasses under babel-node?
  13. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  14. where is create-react-app webpack config and files?
  15. Extending Error in Javascript with ES6 syntax & Babel
  16. Unable to use Arrow functions inside React component class [duplicate]
  17. How to publish a module written in ES6 to NPM?
  18. Error: Missing class properties transform
  19. JavaScript object destructuring and aliasing
  20. Importing CSS files in Isomorphic React Components
  21. In the `import` syntax of ES6, how is a module evaluated exactly?
  22. Export multiple classes in ES6 modules
  23. Babel 7 – ReferenceError: regeneratorRuntime is not defined
  24. “unexpected token import” in Nodejs5 and babel?
  25. require(‘babel/register’) doesn’t work
  26. Import ES module in Next.js ERR_REQUIRE_ESM
  27. Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘babel-preset-react’
  28. Re-export default in ES 6 modules
  29. gulp babel, exports is not defined
  30. Exporting functions with reactjs and babel

Leave a Comment