¡Quiero usar axios en mi proyecto simple pero no funciona, pero cuando uso CDN para axios funciona ...!
AQUÍ ESTÁ MI CÓDIGO
<!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"> <title>Document</title> </head> <body> <script type="module" src="./app.js"></script> </body> </html>APLICACIÓN.JS
import { axios } from ("axios"); const getData = async () => { const data = await axios.get("https://swquotes.herokuapp.com/random"); console.log(data); }; window.onload = getData();Quiero saber cómo puedo usar paquetes npm directamente en mi proyecto sin reaccionar
Si tiene acceso a node_modules, puede importarlo directamente desde la carpeta, aunque eso está sucio y no se recomienda.
<script src="node_modules/<your_package>/dist/<entry_file>"></script>Su problema es un poco diferente, solo para reducirlo un poco: el navegador no entiende su declaración de importación, ya que debe transpilarse con el paquete web.
import { axios } from ("axios");Entonces, a menos que importe directamente desde CDN o use nuestra forma sucia mostrada de importarlo, no funcionará y no debería funcionar