无法创建子类的对象- TypeError: HomePage_1.HomePage不是构造函数

Question

我用的是量角器和摩卡的打字本。基本上，试着运行一个将通过多个页面的测试。我试图使用POM，但在使用继承时无法实例化对象。

在尝试创建新对象时出错：

UnhandledPromiseRejectionWarning: TypeError: HomePage_1.HomePage不是构造函数

我可以实例化一个类的对象，它不会从任何其他类扩展(下面的nav对象没有问题)。我尝试过从类似的问题中提出各种建议，但似乎都没有效果。

这是我的测试类: e2e.ts

import { browser } from 'protractor';
import { Navigation } from './core/Navigation';
import { HomePage } from './page-objects/HomePage';

var nav = new Navigation(); // <-- SUCCESS NO PROBLEMS
var hmPg = new HomePage(); // <-- FAILS HERE
 describe('Add product to cart',async function() {
        it("start from homepage", async function() {
             nav.navigate("index");
        });

        it("Perform search", async function() {
              hmPg.search("monopoly board game");
        });

//some more tests here till adding the product to cart
});

HomePage类: HomePage.ts

import {browser, element, protractor} from 'protractor';
import { BasePageObject } from './BasePageObject';

export class HomePage extends BasePageObject{

    private EC = protractor.ExpectedConditions;
    private map;

    constructor(){
        super();
        super.loadMap(process.cwd()+"\\page-objects\\homePage.json");
    }

    public search(product:string){
       //some stuff here
    }

    //some more methods here.
}

这是我的BasePageObject.ts课程：

//some imports here
export class BasePageObject{

    //to store parsed json
    public mapData;
    public mapPath:string;
    public contentData;
    public contentPath:string;

    constructor(){
        //nothing to do here. Just setting the logger.
        log = factory.getLogger("BasePageObject");
    }
  //some other methods here
}

这是我的tsconfig.json

{
  "compileOnSave": true,
  "compilerOptions": {
    "baseUrl": ".",
    "module": "commonjs",
    "paths": { "*": ["types/*"] },
    "outDir": "./dist/out-tsc",
    "mapRoot": "./dist/out-tsc/",
    "esModuleInterop": true,
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "target": "es6",
    "typeRoots": [
      "node_modules/@types",
    ]
  }
}

这也是为我的测试类运行tsc之后生成的js文件：

Object.defineProperty(exports, "__esModule", { value: true });
var protractor_1 = require("protractor");
var Navigation_1 = require("./core/Navigation");
var HomePage_1 = require("./page-objects/HomePage");

var nav = new Navigation_1.Navigation();
var hmPg = new HomePage_1.HomePage(); <--- FAILS HERE
describe('Add product to cart', function () {
    return __awaiter(this, void 0, void 0, function () {
        return __generator(this, function (_a) {
            this.timeout(90000);
            it("start from homepage", function () {
                return __awaiter(this, void 0, void 0, function () {
....
...
..
.

下面是我与package.json的依赖关系：

"dependencies": {
    "@types/mocha": "^5.2.7",
    "@types/node": "^11.13.17",
    "chai": "^4.2.0",
    "chai-as-promised": "^7.1.1",
    "graphviz": "0.0.9",
    "minimist": "^1.2.0",
    "mocha": "^6.1.4",
    "npm-failsafe": "^0.4.1",
    "protractor": "^5.4.2",
    "protractor-screenshot-utils": "^1.0.3",
    "rimraf": "^2.6.3",
    "serenity-cli": "^0.11.3",
    "serenity-js": "^1.10.13",
    "ts-node": "^8.3.0",
    "tslint": "^5.18.0",
    "typescript": "^3.5.2",
    "typescript-logging": "^0.6.3",
    "yargs": "^13.2.4"
}

应该很直截了当，var obj = new Class()？那不管用。

Answer 1

问题中包含的代码不足以说明问题是什么。但是，基于可以收集的内容，您正在使用异步/等待，并将量角器承诺管理器设置为false。

如果是这样的话，那么在构造函数、方法等的任何地方，您都必须自己处理异步。

这个错误仅仅意味着您的代码本质上是异步的，由此产生的承诺没有得到处理。我建议查找作为new HomePage()一部分执行的所有代码。

此外，只要快速浏览代码，以确定任何此类情况下的未处理承诺。

希望能帮上忙..。