0

Пытаюсь прочитать локальный json файл, использую найденный фрагмент кода для решения задачи:

function ProductBox() {

    function readTextFile(file, callback) {
        var rawFile = new XMLHttpRequest();
        rawFile.overrideMimeType("application/json");
        rawFile.open("GET", file, true);
        rawFile.onreadystatechange = function() {
            if (rawFile.readyState === 4 && rawFile.status == "200") {
                callback(rawFile.responseText);
            }
        }
        rawFile.send(null);
    }

    readTextFile("products.json", function(text){
        var data = JSON.parse(text);
        console.log(data);
        return data;
    });
    return(
        <div>
            {readTextFile.data}
        </div>
    );
}
export default ProductBox;

Появляются следующие ошибки: https://i.stack.imgur.com/6LOZH.png

Подскажите в чем может быть проблема?

введите сюда описание изображения

1 ответ 1

0

В файле невалидный json, потому что ошибка на строке:

var data = JSON.parse(text);
4
  • с json'ом все ок. Скорее всего ошибка в том, что text undefined почему-то
    – mishmish
    3 фев 2021 в 15:38
  • Перед callback(rawFile.responseText); поставьте console.log(rawFile.responseText); и посмотрите, что возвращается.
    – p1uton
    3 фев 2021 в 16:26
  • возвращается html
    – mishmish
    3 фев 2021 в 17:11
  • Поэтому ошибка при распарсивании json. Проблема с доступом к файлу.
    – p1uton
    4 фев 2021 в 1:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.