Я пытаюсь создать приложение spotify с их API, но получаю сообщения об ошибках - PullRequest
0 голосов
/ 15 апреля 2020

Я получаю сообщение об ошибке в журнале консоли и не могу получить журнал для печати того, что хочу, то есть он не попадает в конец моего файла JavaScript. Сообщение об ошибке мигает в течение доли секунды, а затем исчезает в журнале консоли. Мне удалось сделать снимок экрана, прежде чем он ушел, и я поместил пи c ниже. Error Image

Я не уверен, в чем проблема с этим. Я также получаю сообщение об ошибке «INVALID_CLIENT: недопустимый клиент» при доступе к своей веб-странице, в которой я также не уверен. Вот javascript для веб-страницы.

let host = "https://accounts.spotify.com/authorize";
let client_id = "977f0f21630043c4ac83523663bc1779";
let redirect_uri = "http://www.bananafish.xyz/courses/csci240/elvis_pics.html";
let scope = "user-read-private user-read-email";
let response_type = "token";

let new_loc = host +
    "?client_id=" + encodeURIComponent(client_id) +
    "&redirect_uri=" + encodeURIComponent(redirect_uri) +
    "&scope=" + encodeURIComponent(scope) +
    "&response_type=" + response_type;


window.location = new_loc;

var hash = window.location.hash.substring(1);
var params = {};
hash.split('&').map(pair => {
    let temp = pair.split('=');
    params[temp[0]] = temp[1]
});

requirejs.config({
    baseUrl: '/javascript'
});
requirejs(["spotify-web-api2","https://d3js.org/d3.v5.min.js"], main);

function main(spotify, d3) {
    console.log("In the main function")
}

Это тот маленький HTML, который у меня есть;

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title> Spotify Web API </title>
    <link rel = "stylesheet"
          type = "text/css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body>
<script src="/javascript/require2.js" data-main="javascript/elvis_pics"></script>
</body>
</html>
...