赛普拉斯对象模型错误：找不到模块'../ObjectModel/LoginPage'

Question

我尝试在vscode中编写对象模型，以创建一个对象。

这是 login2 :

/// <reference types="Cypress" />
          
import LoginPage from "../../integration/ObjectModel/LoginPage"

describe('home page', () => {
    it('loginPage', function () {
        const lp = new LoginPage()
    })
})

这是对象页面：

class LoginPage {
    visit(){
        cy.visit('https://facebook.com');
    }

    fillEmail(value){
        const feild = cy.get('#email')
        feild.clear()
        feild.type(value)
        return this
    }
    
    fillPassword(value){
        const feild = cy.get('#pass')
        feild.clear()
        feild.type(value)
        return this
    }
    
    submit(){
        const button = cy.get('#u_0_b')
        button.click()
    }
}

export default LoginPage;

这是文件的路径：这是错误

我该如何解决？我在阅读时尝试更改路径，也没有解决。

Answer 1

您正在尝试使用 import/export，它是 newer/modern 到 module.exports 的版本，它仅在您安装 babel 并设置 babel 配置以按顺序转换模块时才有效与 import/export 一起工作。请尝试将 class.

页面中的 export default LoginPage 替换为 module.exports = new LoginPage();

const LoginPage = require("../../integration/ObjectModel/LoginPage")

并且在您的 it/test 中，您不需要说 const lp = new LoginPage()，因为您正在使用 require

导入顶部的页面

Answer 2

似乎文件 login2.js 与 ObjectModel 在同一目录中。因此你只需要像这样导入文件：

import LoginPage from "./ObjectModel/LoginPage"

Answer 3

改路径解决问题

    import LoginPage from "./ObjectModel/LoginPage"

赛普拉斯对象模型错误：找不到模块'../ObjectModel/LoginPage'

Error in cypress object model : Cannot find module '../ObjectModel/LoginPage'

javascript

json

object-model

node.js

cypress