0

Hola que tal soy nuevo en esto de JavaScript espero alguien me pueda ayudar, estoy tratando de importar unos módulos que me ayudaran para comprimir imágenes pero me sale error:

Uncaught SyntaxError: Unexpected identifier

Este es mi código:

import axios from 'axios';
import ImageCompressor from 'image-compressor.js';

document.getElementById('files').addEventListener('change', (e) => {
  const file = e.target.files[0];

  if (!file) {
    return;
  }

  new ImageCompressor(file, {
    quality: .6,
    success(result) {
      const formData = new FormData();

      formData.append('files', result, result.name);

      // Send the compressed image file to server with XMLHttpRequest.
      axios.post('/path/to/upload', formData).then(() => {
        console.log('Upload success');
      });
    },
    error(e) {
      console.log(e.message);
    },
  });
});
<input type="file" id="files" name="image" multiple="true" accept=".png, .jpg, .jpeg"/>

Este es el error que me sale:

introducir la descripción de la imagen aquí

0

1 respuesta 1

-1

No estoy muy seguro de que sea esto pero trata de poner la ruta de el archivo:

import axios from './axios';
import ImageCompressor from './image-compressor';

No hace falta que pongas el '.js' por que el sistema de módulos de javascript ya espera que sea un archivo javascript (lo da por hecho). Dime si te funciona.

3
  • Que tal buenas tarde y gracias por tomarte un tiempo para comentar, y pues ya lo intente, ya puse la ruta del modulo y sigue aun así marcando el mismo error
    – Jose
    Commented el 24 may. 2018 a las 18:23
  • Buenas, ¿As exportado bien lo que quieres importar?
    – Nitei
    Commented el 24 may. 2018 a las 18:30
  • si los módulos ya están correctamente instalados
    – Jose
    Commented el 24 may. 2018 a las 21:36

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.