Arrow Function syntax not working with webpack?

by

Stab in the dark, is this function inside a class? Arrow functions that are members of a class are not included in ES2015 (or 2016). If you want to do something like:

class Foo {
  bar = (baz) => {
    console.log(baz);
  } 
}

You’ll need to include babel-transform-class-properties.

In your example, you’ll need to:

npm install --save-dev babel-plugin-transform-class-properties

and change your loader to

{
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['react', 'es2015', 'react-hmre'],
          plugins: ['transform-class-properties']
        }
      }

More Related Contents:

  1. babel-loader jsx SyntaxError: Unexpected token [duplicate]
  2. “You may need an appropriate loader to handle this file type” with Webpack and Babel
  3. Getting Unexpected Token Export
  4. ES6 exporting/importing in index file
  5. How do I generate sourcemaps when using babel and webpack?
  6. Webpack babel 6 ES6 decorators
  7. Error: Missing class properties transform
  8. Importing CSS files in Isomorphic React Components
  9. Babel 7 – ReferenceError: regeneratorRuntime is not defined
  10. Import ES module in Next.js ERR_REQUIRE_ESM
  11. Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘babel-preset-react’
  12. How to setup TypeScript + Babel + Webpack?
  13. Null-safe property access (and conditional assignment) in ES6/2015
  14. Babel 6 regeneratorRuntime is not defined
  15. Passing environment-dependent variables in webpack
  16. Resolving require paths with webpack
  17. Arrow Function in Object Literal [duplicate]
  18. Using require(‘…’) with a variable vs. using a string in webpack
  19. How to bundle vendor scripts separately and require them as needed with Webpack?
  20. Export multiple classes in ES6 modules
  21. Webpack-dev-server compiles files but does not refresh or make compiled javascript available to browser
  22. Transpile Async Await proposal with Babel.js?
  23. require(‘babel/register’) doesn’t work
  24. Webpack 5 – Uncaught ReferenceError: process is not defined
  25. How to load es6, react, babel code in html with cdn?
  26. How to get access to webpack-dev-server from devices in local network?
  27. Configure webpack to allow browser debugging
  28. Webpack 4 migration CommonsChunkPlugin
  29. How to correctly use ES6 “export default” with CommonJS “require”?
  30. Why is my webpack bundle.js and vendor.bundle.js so incredibly big?

Leave a Comment