hola mi codigo funciona en la consola, pero da error de importacion via html. Busqué el problema pero no lo encontré.
aquí está mi código y error:
SyntaxError no capturado: no se puede usar la declaración de importación fuera de un módulo
ingrese la descripción de la imagen aquí
cloudinary.js
import { Cloudinary } from "@cloudinary/url-gen"; import { fill } from "@cloudinary/url-gen/actions/resize"; const cld = new Cloudinary({ cloud: { cloudName: 'demo' } }); const myImage = cld.image('docs/models'); myImage.resize(fill().width(250).height(250)); console.log(myImage.toURL());nuboso.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <script src="cloudinary.js"></script> </body> </html>paquete.json
{ "dependencies": { "@cloudinary/url-gen": "^1.8.0" }, "name": "cloudinary", "description": "", "version": "1.0.0", "main": "cloudinary.js", "devDependencies": {}, "type": "module", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC" }Está tratando de importar sus módulos utilizando la resolución de módulo de estilo Node.js.
Si bien los navegadores admiten módulos , no admiten la resolución de módulos al estilo de Node.js.
Debe utilizar una herramienta como Webpack , Parcel o Rollup para agrupar sus módulos en un formato adecuado para los navegadores.
Alternativamente, puede buscar versiones de los módulos diseñados para usar directamente en un navegador web sin ningún tipo de cadena de herramientas.