‘import’ and ‘export’ may only appear at the top level

I got this error when I was missing a closing bracket.

Simplified recreation:

const foo = () => {
  return (
    'bar'
  );
}; <== this bracket was missing

export default foo;

Related Posts:

  1. Babel 7 – ReferenceError: regeneratorRuntime is not defined
  2. Getting Unexpected Token Export
  3. Webpack – Critical dependency: the request of a dependency is an expression
  4. Webpack – Critical dependency: the request of a dependency is an expression
  5. Support for the experimental syntax ‘classProperties’ isn’t currently enabled
  6. Cannot find module ‘@babel/core’
  7. Webpack: “there are multiple modules with names that only differ in casing” but modules referenced are identical
  8. Jest TypeError: Path must be a string. Received undefined
  9. DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
  10. How to make Font awesome 5 work with webpack
  11. Cannot find module ‘webpack/bin/config-yargs’
  12. “You may need an appropriate loader to handle this file type” with Webpack and Babel
  13. How to fix ‘Unchecked runtime.lastError: The message port closed before a response was received’ chrome issue?
  14. Babel 6 regeneratorRuntime is not defined
  15. I am getting an “Invalid Host header” message when connecting to webpack-dev-server remotely
  16. NPM Start not starting local server
  17. Error: ‘node-sass’ version 5.0.0 is incompatible with ^4.0.0
  18. forEach is not a function error with JavaScript array
  19. webpack: Module not found: Error: Can’t resolve (with relative path)
  20. Using Node.js require vs. ES6 import/export
  21. Field ‘browser’ doesn’t contain a valid alias configuration
  22. Module not found can’t resolve
  23. How to import image (.svg, .png ) in a React Component
  24. How to include bootstrap css and js in reactjs app?
  25. What does this “react-scripts eject” command do?
  26. React Uncaught Error: Target container is not a DOM element [duplicate]
  27. How to determine the installed webpack version
  28. Console is throwing Unterminated JSX contents error
  29. Error: Cannot find module ‘webpack’
  30. webpack: Cannot read property ‘match’ of undefined
  31. How to resolve “Cannot use import statement outside a module” in jest
  32. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  33. Vue is not defined
  34. Uncaught TypeError: Cannot read property ‘call’ of undefined at __webpack_require__
  35. Block-scoped declarations not yet supported outside strict mode
  36. Couldn’t find preset “env” relative to directory
  37. Entrypoint undefined = index.html using HtmlWebpackPlugin
  38. Vue template or render function not defined yet I am using neither?
  39. how to use react require syntax?
  40. How can I use webpack with express?
  41. webpackJsonp is not defined
  42. Angular 2 : No NgModule metadata found
  43. webpack is not recognized as a internal or external command,operable program or batch file
  44. Vue ‘export default’ vs ‘new Vue’
  45. What is the best way to declare global variables in Vue.js?
  46. Webpack – webpack-dev-server: command not found
  47. What are differences between SystemJS and Webpack?
  48. where is create-react-app webpack config and files?
  49. Webpack command not found
  50. Error: Couldn’t find preset “es2015” relative to directory “/Users/username”
  51. angular-cli where is webpack.config.js file – new angular6 does not support ng eject

Leave a Comment