Uso vue3, cuando creo un proyecto con vite , importo la biblioteca roslibjs y obtengo un error al usar una de las funciones, como se muestra a continuación. Pero cuando trato de usar vuecli para crear un proyecto, después de importar la misma biblioteca, todo está bien.

 // vite created 'vite-app' project npm init vite@latest cd vite-app npm instal --save roslib // vuecli created 'vuecli-app' project vue create vuecli-app cd vuecli-app npm install --save roslib

 <script setup> import ROSLIB from "roslib"; let ws_address = '127.0.0.1:9090' let connected = false; const ros = new ROSLIB.Ros({ url: ws_address, }) const connect = () => { ros.on("connection", () => { connected = true; console.log("Connected!"); }); ros.on("error", (error) => { console.log("Error connecting to websocket server: ", error); }); ros.on("close", () => { connected = false; console.log("Connection to websocket server closed."); }); } const disconnect = () => { ros.close(); } </script>

 <template> <div> <p class="text-success" v-if="connected">Connected!</p> <p class="text-danger" v-else>Not connected!</p> <input type="text" v-model="ws_address" /> <br /> <button @click="disconnect" class="btn btn-danger" v-if="connected">Disconnect!</button> <button @click="connect" class="btn btn-success" v-else>Connect!</button> </div> </template>