在React中调用类的Webpack“不是函数”错误

克里斯·德林格

在React应用程序中,我尝试将某些业务逻辑封装在称为Authentication的类中。当我尝试在Authentication类上调用名为configure的方法时,出现以下错误:

TypeError:WEBPACK_IMPORTED_MODULE_5__authentication_js .a.configure不是函数

在我的React app.js文件中,我使用以下命令导入身份验证类:

import Authentication from './authentication.js';

然后尝试在构造函数中按如下方式访问它:

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

authentication.js的代码如下:

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;

我不确定如何解决此问题。我知道在未对内部方法调用bind方法之前,我已经在react中看到过类似的问题,但是我不确定外部类的公共方法是否需要它,是否需要,我我不确定如何实施。任何帮助/指导将不胜感激。

q

configureAuthentication该类的实例方法

要么使configure 静态的,或者导出实例Authentication

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

无法从main调用类函数,“不是函数”错误

在 javascript 类中调用函数:this.function 不是函数

如何调用 React 类中的函数?

react-redux错误无法将类作为函数调用

得到错误 this.setState 不是类组件中的函数

Typescript类中的方法给出错误“不是函数”

webpack别名无法在React类函数中按预期解析

在类中调用函数,而不是在Python中使用多重处理调用函数

尝试从 dart mixin 调用类构造函数时,错误 T 不是函数

React组件是函数而不是类

为什么从函数调用中检查 undefined 会导致 SSR 错误,而不是在 react 中直接使用 `typeof`?

UIButton 从错误的类调用函数

尝试调用类中的函数时出现名称错误

为什么在父类中调用了错误的构造函数?

从webpack-cli中获取错误:webpack配置中出现“ TypeError:merge不是函数”

在既不是 React 函数组件也不是自定义 React Hook 函数的函数中调用 React Hook “useAxios”

React Hook 在既不是 React 函数组件也不是自定义 React Hook 函数的函数中调用

类型错误:webpack.LoaderOptionsPlugin 不是函数

在类React ES6中调用静态函数

React Native:从类中调用功能组件内部的函数

在我创建的新函数中调用我创建的函数时,如何修复不是函数错误

TypeError:调用类方法时不是函数

函数调用父类方法而不是子类?

Typescript:(中间值)。(...)从派生类中调用父类的方法时不是函数

如何解决 React Native 中的错误“cb 不是函数”?

react.js 中的“.map 不是函数”错误

列表项react-native中的错误“ 1不是函数”

如何修复:react-redux中的'e不是函数'错误

default.a.map 不是 React js 中的函数错误