Cuando intento cargar mi página html, aparece este error:
Uncaught (en promesa) ReferenceError: axios no está definido en get (index.js:7)
Cuando lo importo como import axios from 'axios'; yo obtengo:
SyntaxError no capturado: no se puede usar la declaración de importación fuera de un módulo
Entonces, de cualquier manera, no está funcionando correctamente. También he usado npm install axios y mencioné la fuente en el archivo html:
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.23.0/axios.js"></script>o
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>Simplemente no me doy cuenta de lo que podría haber hecho mal. Aquí está el ejemplo de script de la siguiente manera:
const apiUrl = 'http://localhost:8000/api/'; async function get(url) { return (await axios(url)).data; } async function loadTable() { let data = await get(apiUrl + 'getList'); let tableDiv = document.getElementById('tableData'); // and so onTengo la api funcionando bien, el único problema es esta referencia axio. La secuencia de comandos del nodo funciona bien en otro archivo .js, también Postman puede identificarlo sin problemas. Mismo puerto, misma URL.
Si se trata de una página HTML, como una que abriría en su navegador, npm no podrá agregar Axios a la página por usted. Puede considerar el código de Node.js como del lado del servidor y su navegador como del lado del cliente (tenga en cuenta que este no es siempre el caso, pero está aquí).
También tenga en cuenta que la import está pensada para el código Node.js y no funcionará en el código HTML sin un marco adicional, que supongo que no está usando aquí.
Sus etiquetas de script son correctas, pero probablemente no se agreguen a su archivo HTML en el punto correcto. Puede usar cualquiera de estas configuraciones, y debería funcionar:
El script se importa antes de que se creen los elementos de la página:
<head> ... <script src="https://unpkg.com/axios/dist/axios.min.js"></script> ... </head> <body> ... <script src="yourCustomCode"></script> <body>El script se importa después de crear los elementos de la página:
<head> ... </head> <body> ... <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <script src="yourCustomCode"></script> <body>De cualquier manera, solo asegúrese de que el paquete Axios esté más arriba que el código que desea ejecutar con Axios .