如何在客户端代码中使用requirejs

所以最近我在做一个网站,我添加了一个登录页面。我想检查输入的用户名和密码是否存在于数据库中,如果不存在,它会发出警报,说用户名或密码无效。我的代码是:

<form>
  <label>Enter Username:</label>
  <input type="text" id="username">
  <br>
  <label>Enter Password:</label>
  <input type="password" id="password">
  <br>
  <input type="submit" onclick="submitLoginInfo()">
</form>

js是

const { LoginSchemaModel } = require('./dbconfig.js')
// import { LoginSchemaModel } from './dbconfig'
requirejs()
function submitLoginInfo () {
    let usernameElement = document.querySelector('#username')
    let passwordElement = document.querySelector('#password')

    console.log(`Username Element is HTMLElement: ${usernameElement instanceof HTMLElement}`);
    console.log(`Username Element is HTMLElement: ${passwordElement instanceof HTMLElement}`);

    alert(`usernameElement = ${usernameElement}`);
    alert(`passwordElement = ${passwordElement}`);

    alert(`username = ${usernameElement.value}`);
    alert(`password = ${passwordElement.value}`);
  }

现在问题出在require上,因为它不受支持。所以我决定使用导入,并将“type”=“module”添加到我的package.json中,但控制台中仍然出现错误,说我不能使用它。然后我使用了requirejs,遇到了这个问题,如果不使用require函数,我就无法导入requirejs。当我试图添加

var requirejs = require('requirejs')

requirejs.config({
    nodeRequire: require
}); 

它会说我不能使用require()。当我试着在一个单独的文件中做这件事时,我意识到我必须要求该文件使用requirejs,这是行不通的。我不知道如何解决这个问题,我一直在搜索堆栈溢出和其他网站,但没有提到这一点。我想知道是否有另一种方式是我一直错过的。