require es una función incorporada proporcionada por los entornos JS que admiten un par de tipos diferentes de módulos, por lo que la forma en que carga su archivo JS en un navegador depende del tipo de sistema de módulo que se haya escrito para usar.

Los casos más probables son:

• Es un módulo AMD ( muy poco probable en 2021), en cuyo caso probablemente pueda cargarlo con RequireJS
• Es un módulo de CommonJS que depende de las API específicas de Node.js (en cuyo caso no puede ejecutarse en un navegador y para interactuar con él en un navegador necesitaría integrarlo en un servicio web y hacerle solicitudes HTTP). (por ejemplo, a través de Ajax)). Algunas cosas que dependen de las API específicas de Node.js incluyen:
  • Realización de solicitudes HTTP a sitios que no otorgan permiso para que el navegador JS acceda a ellos mediante CORS
  • Solicitudes de red no HTTP (como acceso directo a una base de datos MySQL)
  • Leer (o hacer cualquier cosa con) archivos desde una ruta de archivo expresada como una cadena (en lugar de leer archivos desde un <input type="file"> )
  • Generación de otros procesos
• Es un módulo de CommonJS que no depende de las API específicas de Node.js y puede convertirlo para que se ejecute en un navegador utilizando una herramienta de agrupación como Webpack o Parcel .

Averigüe cuál de esas opciones es antes de comenzar a intentar implementar una de estas soluciones (todas las cuales requerirán tiempo y esfuerzo que no desea desperdiciar).

La lectura de la documentación de un módulo por lo general le dirá. Si lo obtiene de NPM y no menciona que es compatible con el navegador, probablemente sea solo Node.js.

Esto podría deberse a que require() no forma parte de la API de JavaScript estándar. Su código podría estar usando Nodejs, que es donde se podría usar require() . Además, para que elija un archivo src , es posible que desee incluir el type que es <script type="text/javascript"> .