Webpack "Not a function" error for calling a class in React

Question

In a react app, I have some business logic I'm trying to encapsulate in class called Authentication. When I try to call a method called configure on the Authentication class I get the following error:

TypeError: WEBPACK_IMPORTED_MODULE_5__authentication_js.a.configure is not a function

In my React app.js file I import the authentication class with:

import Authentication from './authentication.js';

and then I try to access it inside my constructor as follows:

constructor(props) {
    super(props);
    Authentication.configure();
}

The code for authentication.js is as follows:

class Authentication {

  constructor(props) {
    console.log('inside constructor of Authentication class');    
  }

  configure(){
    //some setup logic, still fails if I comment it all out
  }
}
export default Authentication;

I'm unsure how exactly to troubleshoot this issue. I know I've seen similar issues in react before where an internal method has not had the bind method called against it, but I'm unsure if that is needed for a public method of an external class and if it is required, I'm not sure how to implement it. Any help/guidance would be greatly appreciated.

flq · Accepted Answer · 2018-07-31 19:24:17Z

2

configure is an instance method of the Authentication class.

Either make configure static, or export an instance of Authentication.

answered Jul 31, 2018 at 19:24

flq

23k9 gold badges63 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chris Dellinger Over a year ago

Thank you! I was over complicating this in my mind.

Igor K Over a year ago

Wow, same error, same flow (I've written an auth helper class). Thanks for the answer!

Collectives™ on Stack Overflow

Webpack "Not a function" error for calling a class in React

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related