Victory Native 开发新手不可不知的坑：TypeError: Super expression must either be null

2023-09-20 08:43:02

问题描述

在使用 Victory Native 进行开发时，开发者可能会遇到一个常见的 JavaScript 错误：“TypeError: Super expression must either be null or a function”。这个错误信息意味着，在尝试调用构造函数或方法时，遇到了类型不匹配的问题。

原因分析

此错误通常发生在子类化（继承）JavaScript 类时。如果在使用 super() 调用时，基类没有正确设置或者根本不存在，则会引发上述错误。此外，当尝试从一个非函数或非构造器的表达式中调用 super 也会导致这种类型错误。

解决方案

检查父类定义

确保父类是合法且正确的类定义。检查是否有拼写错误或者导入问题，并确认父类确实被定义为类（class）而非其他类型，如对象或函数。

示例代码：

// 正确的基类定义
class BaseClass {
  constructor() {
    // 构造器逻辑
  }
}

class DerivedClass extends BaseClass {
  constructor() {
    super(); // 调用父类构造器
    // 其他初始化代码
  }
}

检查导入路径

如果基类是通过模块系统（如 Node.js 的 require 或 ES6 的 import）引入的，确保路径正确无误，并且没有拼写错误。

示例命令行：

# 确认文件存在并使用正确的导入语句
npm install victory-native

检查导出类型

如果基类是在另一个模块中定义并通过 export default 导入，确保在子类扩展时正确地指定了 default。

示例代码：

// 基类文件 base-class.js
class BaseClass {
  constructor() { }
}
module.exports = BaseClass;

// 子类文件 derived-class.js
const BaseClass = require('./base-class');
class DerivedClass extends BaseClass {}