Ошибка в объектной модели кипариса: не удается найти модуль '../ObjectModel/LoginPage'

Question

Я пытался написать объектную модель в vscode, чтобы создать объект.

Это логин2:

/// <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;

Это путь к файлам: and this the error введите описание изображения здесь

Как я могу решить эту проблему? Пытался изменить путь по мере чтения, тоже не решается.

Answer 1

Похоже, что файл login2.js находится в том же каталоге, что и ObjectModel. Таким образом, вам нужно импортировать только такой файл:

import LoginPage from "./ObjectModel/LoginPage"

Answer 2

проблема решена изменением пути на

    import LoginPage from "./ObjectModel/LoginPage"

Answer 3

Вы пытаетесь использовать импорт / экспорт, который является более новой / современной версией module.exports, и он работает только при установке babel и настройке конфигурации babel для преобразования модулей для работы с import/export. Пожалуйста, попробуйте заменить export default LoginPage на module.exports = new LoginPage(); в классе страницы.

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

И в вашем it / test вам не нужно говорить const lp = new LoginPage(), поскольку вы импортируете страницу вверху с require