Lo siento si la redacción de la pregunta no es clara. Cuando trato de usar el módulo Ably en mi archivo js del lado del cliente, el objeto no existe. Pensé que los archivos javascript dentro del mismo archivo HTML tenían acceso entre sí, por lo que mi archivo JS del lado del cliente tendría acceso a Ably porque los especifiqué a ambos, pero no funcionará. Si escribo Ably en el archivo JS, que debería permitirme acceder a los métodos del módulo Ably, no lo reconoce y no pasa nada (además de errores no encontrados, por supuesto)
Aquí está el archivo HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./css/metronome.css"> <title>whywontthiswork</title> <script lang="text/javascript" src="https://cdn.ably.com/lib/ably.min-1.js"></script> <script src="/public/app.js" type="module"></script> </head>...Aquí está el segmento de código JS que no funciona porque no reconocerá a Ably y cree que es texto aleatorio.
const client = new Ably.Realtime({ key: "(my key)" });Aquí está mi estructura de archivos
├── public/ │ ├── app.js ├── views/ │ ├── metronome.html