@OneDeus

Почему не открывается модальное окно?

Данная функция должна открывать модальное окно в electron js но почему то не работает, подскажите пожалуйста.
let loginViaGoogle = document.getElementById('google');
loginViaGoogle.addEventListener('click', () => {
    modalWindow();
});

 function modalWindow() {
     const remote = require('electron').remote;
     const BrowserWindow = remote.BrowserWindow;
     const win = new BrowserWindow({
         height: 400,
         width: 600
     });

     win.loadURL('modal.html');
}

<link rel="stylesheet" type="text/css" href="../css/loginStyle.css">
<div class="inline-element" id="login-page-contents">
  <div class="column-element">
    <h1 class="main-header" id="login-head">Login to Your Account</h1>
    <h4 class="bottom-header" id="login-head-small">Your own Digital Campaign</h4>
    <div class="inline-element" id="login-via-btns">
      <button type="button" class="outlined-button login-via" id="google"><img id="google_logo" class="undraggable" src="../assets/google_logo.svg"><span>Login via Google</span></button>
      <button class="outlined-button login-via" id='telegram'><img id="telegram_logo" class="undraggable" src="../assets/telegram_logo.svg"><span>Login via Telegram</span></button>
                <!-- ПОМЕНЯТЬ TELEGRAM НА DISCORD-->
    </div>
    <span id="or">OR</span>
    <input type="text" class="edit-text-field" id="username-edit-text" placeholder="Username">
    
    <input type="password" class="edit-text-field" id="password-edit-text" placeholder="Password">
    <div id="inline-flex">
      <span><input type="checkbox" class="checkbox" id="remember-checkbox"><label id="remember-label" for="remember-checkbox">Remember Me</label></span>
      <a href="#" id="forgot-password">Forgot password?</a>
    </div>
    <button class="button" id="login-by-email"><span>Login to Your Account</span></button>
    <span class="error" aria-live="polite"></span>
    <span id="not-member">Not a member yet?  <a id="register" href="#">Register Now!</a> </span>
  </div>
</div>
<a href="#" id="policy-a">Privacy Policy</a>
<div id="copyright">Copyright 2022</div>
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
@Test-style
У вас последняя строка в скрипте win.loadURL('modal.html'); , но аргумент не является URL. Курим доки:
// In the main process.
const { BrowserWindow } = require('electron')

const win = new BrowserWindow({ width: 800, height: 600 })

// Load a remote URL
win.loadURL('https://github.com')

// Or load a local HTML file
win.loadFile('index.html')

Ваш метод win.loadFile
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы