Estoy tratando de enviar parte del código html generado por el servidor. El código se muestra en la ventana modal y todo funciona excepto javascript.

He creado un pequeño ejemplo. El código que estoy enviando desde el servidor (insertado directamente en el cuerpo modal):

 <div class="container-fluid"> <div class="row row-cols-1 row-cols-lg-2 g-4"> <div class="col"> <div class="card h-100"> <div class="card-body"> <button class="btn btn-primary" type="button" id="MesuringDevicesButton" title="Test" onclick="addDevice()"><span class="material-icons-outlined">add</span></button> <script type="text/javascript" src="/sls/layouts/measuringdevices_v1.js"></script> </div> </div> </div> </div> </div>

contenido del archivo javascript:

 function addDevice(){ console.log("MeasuringDevices button onclick method."); }

El problema es que esa consola me escribe error:

109:1 Error de referencia no detectado: addDevice no está definido en HTMLButtonElement.onclick (109:1:1)

cuando cargo el archivo JS en la página (y no envío la parte <script> del servidor) funciona ...

¿Sabes lo que estoy haciendo mal?

Muchas gracias.