Ответ Firebase: undefined не является объектом - PullRequest
Новая
       31

Ответ Firebase: undefined не является объектом

0 голосов
/ 16 октября 2018

Я пытаюсь сохранить данные в хранилище Firebase.
Обычно мой метод и функция работают, в журналах FireBase я получаю:

  • Выполнение функции заняло 1442мс, завершено кодом состояния: 201

  • alert15

  • alert14: null || [объект]

  • alert12:

  • alert11:

  • Платежная учетная запись не настроена.Внешняя сеть недоступна, и квоты строго ограничены.Настройте учетную запись для снятия этих ограничений

  • Выполнение функции начато

Моя функция: 

const functions = require('firebase-functions');
const cors = require("cors")({origin: true});
const fs = require("fs");
const UUID = require("uuid-v4");

const gcconfig = {
    projectId: "myrojectid",
    keyFilename: "mykeyfile.json"
};

const gcs = require("@google-cloud/storage")(gcconfig);

// // Create and Deploy Your First Cloud Functions
// // https://firebase.google.com/docs/functions/write-firebase-functions
//
exports.storeImage = functions.https.onRequest((request, response) => {
    console.log("alert11: ")
    cors(request, response, () => {
        console.log("alert12: ")
        const body = JSON.parse(request.body);
        fs.writeFileSync("/tmp/uploaded-image.jpg", body.image, "base64", err => {
            console.log(err => console.log("alert13: " + err));
            return response.status(500).json({error: err})
        });
        const bucket = gcs.bucket("myapp.appspot.com");
        const uuid = UUID();
        bucket.upload(
            "/tmp/uploaded-image.jpg",
            {
                uploadType: "media",
                destination: "/places2/" + uuid + ".jpg",
                metadata: {
                    metadata: {
                        contentType: "image/jpeg",
                        firebaseStorageDownloadTokens: uuid
                    }
                }
            }, (err, file) => {
                console.log("alert14: " + err + "||" + file)
                if (!err) {
                    console.log("alert15");
                    response.status(201).json({
                        imageUrl:
                            "https://firebasestorage.googleapis.com/v0/b/" +
                            bucket.name +
                            "/o/" +
                            encodeURIComponent(file.name) +
                            "?alt=media&token=" +
                            uuid
                    })
                } else {
                    console.log("alert16: ")
                    console.log(err);
                    response.status(500).json({error: err})
                }
            });
    });
});

Мой метод: 

import {ADD_PLACE, DELETE_PLACE} from './actionTypes';

export const addPlace = (placeName, location, image) => {
    return dispatch => {
        fetch("https://us-central1-myapp.cloudfunctions.net/storeImage", {
            method: "POST",
            body: JSON.stringify({
                image: image.base64
            })
        })
            .catch(err=> console.log(err))
            .then(res => {res.json(); console.log("alert2 " + {res})})
            .then(parsedRes => {
                console.log("alert1: " + parsedRes);
                const placeData = {
                    name: placeName,
                    location: location,
                    image: parsedRes.imageUrl
                };
                return  fetch("https://myapp.firebaseio.com/places.json", {
                    method: "POST",
                    body: JSON.stringify(placeData)
                }).catch(err => console.log("alert13: " + err))
            })
            .catch(err => console.log("alert4", err))
            .then(res => res.json())
            .catch(err => console.log("alert5: " + err))
            .then(parsedRes => {
                console.log("alert6", parsedRes);
            }).catch(err => console.log("alert17: " + err));
    };
};

export const deletePlace = (key) => {
    return {
        type: DELETE_PLACE,
        placeKey: key
    };
};

но в локальной консоли в моей IDE я получил это:

  • alert1: undefined
  • 'alert4', {[TypeError: undefined не является объектом (оценка 'parsedRes.imageUrl')] *

Я потратил 3 дня на это и все еще 0 прогресса.
Что здесь может быть не так?Как это исправить?

1 Ответ

0 голосов
/ 16 октября 2018

Вы неправильно используете цепочку обещаний.Вам необходимо явно вернуть результат обратного вызова then() следующему обработчику в цепочке.Ничего не возвращая, следующий then() обратный вызов будет неопределенным.Например: 

        .then(res => {res.json(); console.log("alert2 " + {res})})

В этой строке кода вы не возвращаете ничего для передачи следующему обработчику в цепочке.

На самом деле вышеупомянутый then() обратный вызовне нужен, потому что он не запускает любую другую асинхронную работу.Вы можете просто позвонить res.json() в последующем блоке then() непосредственно перед второй выборкой.Как правило, вы добавляете еще один блок then() только в том случае, если в результате предыдущей асинхронной работы вы выполняете больше асинхронной работы.

...