es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Falta punto y coma en el constructor (React + API de Spotify)

Estoy siguiendo un tutorial en youtube para poder usar la api de Spotify con mi aplicación React. Este tutorial es de noviembre de 2017, por lo que tal vez la sintaxis haya cambiado. Copié el código exactamente, pero recibo un error “falta el punto y coma”. ¿Alguien puede ayudarme? He intentado agregar un punto y coma en varios lugares del código, pero no soluciona el problema.

Mi código:

import './App.css';

function App() {
  constructor(){
    super();
    const params = this.getHashParams();
    const token = params.access_token;
    if (token) {
      spotifyApi.setAccessToken(token);
    }
    this.state = {
      loggedIn: token ? true : false,
      nowPlaying: { name: 'Not Checked', albumArt: '' }
    };
  }
  getHashParams() {
    var hashParams = {};
    var e, r = /([^&;=]+)=?([^&;]*)/g,
        q = window.location.hash.substring(1);
    while ( e = r.exec(q)) {
        hashParams[e[1]] = decodeURIComponent(e[2]);
    }
    return hashParams;
  }

return (
    <div classname="App">
      <a href='http://localhost:8888'>
        <button>Login with Spotify</button>
      </a>
      <div> Now Playing: { this.state.nowPlaying.name } </div>
      <div>
        <img src="{" this.state.nowplaying.image="" }="" style="{{" width:="" 100}}/="">
      </div>
      </div>
  );
}

export default App;

Mensaje de error:

No se pudo compilar.

./src/App.js
SyntaxError: /Users/manuelfiestas/client/src/App.js: Missing semicolon. (4:15)

2 |
  3 | function App() {
> 4 |   constructor(){
    |                ^
  5 |     super();
  6 |     const params = this.getHashParams();
  7 |     const token = params.access_token;

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Parece que el error está ocurriendo en la línea 4 de tu código. Parece que te falta un punto y coma después de la función constructor(). Intenta añadir un punto y coma después de la función constructor() y verifica si eso soluciona el problema.

Comments are closed.