Не удалось развернуть приложение Firebase Sapper как облачную функцию

Эта проблема

Я создаю приложение Sapper SSR, которое загружает контент из хранилища Firebase на основе данных, необходимых из базы данных Firebase в реальном времени. Мое приложение развернуто на облачных функциях Firebase. Но при последнем развертывании я получил эту ошибку, так как при последнем развертывании я реализовал загрузку некоторых данных из базы данных в реальном времени и других второстепенных функций, поэтому я не знаю, что вызывает эту ошибку.

Команда развертывания:

/usr/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js run deploy:functions --scripts-prepend-node-path=auto

> [email protected] deploy:functions /home/hejtmus/Documents/Websites/Violette/sapper/Violette/functions
> firebase deploy --only functions:ssr


=== Deploying to 'violette-77756'...

i  deploying functions
i  functions: ensuring required API cloudfunctions.googleapis.com is enabled...
i  functions: ensuring required API cloudbuild.googleapis.com is enabled...
✔  functions: required API cloudbuild.googleapis.com is enabled
✔  functions: required API cloudfunctions.googleapis.com is enabled
i  functions: preparing functions directory for uploading...
i  functions: packaged functions (4.41 MB) for uploading
✔  functions: functions folder uploaded successfully
i  functions: current functions in project: ssr(us-central1)
i  functions: uploading functions in project: ssr(us-central1)
i  functions: updating Node.js 12 function ssr(us-central1)...
⚠  functions[ssr(us-central1)]: Deployment error.
Function failed on loading user code. Error message: Error: please examine your function logs to see the error cause: https://cloud.google.com/functions/docs/monitoring/logging#viewing_logs


Functions deploy had errors with the following functions:
        ssr


To try redeploying those functions, run:
    firebase deploy --only "functions:ssr"


To continue deploying other features (such as database), run:
    firebase deploy --except functions

Error: Functions did not deploy properly.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] deploy:functions: `firebase deploy --only functions:ssr`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] deploy:functions script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/hejtmus/.npm/_logs/2020-09-27T18_34_13_296Z-debug.log

Process finished with exit code 1

Журналы Firebase:

Ошибка: функция прекращена. Рекомендуемое действие: проверьте журналы на предмет причин прекращения. Функция не может быть инициализирована.

{@type: type.googleapis.com/google.cloud.audit.AuditLog,status: {code: 3, message: Сбой функции при загрузке кода пользователя. Сообщение об ошибке: Ошибка: проверьте журналы функций, чтобы узнать причину ошибки: https://cloud.google.com/functions/docs/monitoring/logging#viewing_logs%22%7D,%22authenticationInfo%22:%7B%22principalEmail%22:%[email protected]%22%7D,%22serviceName%22:%22cloudfunctions.googleapis.com%22,%22methodName%22:%22google.cloud.functions.v1.CloudFunctionsService.UpdateFunction%22,%22resourceName%22:%22projects/violette-77756/locations/us-central1/functions/ssr%22%7D

Что я пробовал

Я пытался:

  • работает приложение в режиме разработки, отлично работает

  • создание приложения как js-функции, отлично работает

  • обслуживает приложение через firebase serve, отлично работает

  • развертывание приложения с использованием firebase deploy или firebase deploy --only functions, ни один из них не работает, выдает указанную выше ошибку

  • проверив код на наличие ошибок и неправильной конфигурации, ничего не нашел

Я попытался решить эту проблему со знаниями из этой статьи, я шаг за шагом следовал этой обучающей форме, но все равно получил ту же ошибку:

https://blog.logrocket.com/build-an-ssr-web-app-with-firebase-functions-hosting-and-svelte-sapper/

Я попытался также удалить код, который я добавил, и развернуть приложение без загрузки данных из базы данных firebase в реальном времени, но это не помогло.

Код:

index.js (облачные функции):

const functions = require('firebase-functions');
const { sapperServer } = require('./__sapper__/build/server/server');

exports.ssr = functions.https.onRequest(sapperServer);

server.js:

import sirv from 'sirv';
import express from 'express';
import compression from 'compression';
import * as sapper from '@sapper/server';

const { PORT, NODE_ENV } = process.env;
const dev = NODE_ENV === 'development';

const sapperServer = express()
    .use(
        compression({ threshold: 0 }),
        sirv(`static`, { dev }),
        sapper.middleware()
    )
if(dev){
    sapperServer.listen(PORT, err => {
        if (err) console.log('error', err);
    });
}

export { sapperServer }

При необходимости я предоставлю дополнительную информацию.


person Hejtmus    schedule 27.09.2020    source источник
comment
Вы пробовали воспользоваться советом из URL-адреса, который он дал вам, для того, чтобы покопаться в журналах времени выполнения? cloud.google.com/functions/docs/monitoring/logging#viewing_logs   -  person Doug Stevenson    schedule 27.09.2020
comment
Да, я поместил туда console.log до и после экспорта облачной функции, после инициализации firebase, после экспресс-инициализации, и все прошло успешно.   -  person Hejtmus    schedule 27.09.2020
comment
Хорошо, теперь я только что заметил, что пропустил предыдущие журналы, которые предупреждают меня, я использую firebase для браузера. Я использую firebase из npm, это должно быть нормально.   -  person Hejtmus    schedule 27.09.2020


Ответы (1)


В чем была проблема

Проблема заключалась в том, что я использовал firebase для браузера, Svelte - это компилятор, который работает в среде Node.js, он должен быть связан с пакетом кода (я использую rollup). Чтобы иметь возможность запускать firebase в узле, просто укажите mainFields в конфигурации объединения.

resolve({
    browser: true,
    dedupe: ['svelte'],
    mainFields: ['main']
}),

Я использую firebase только на клиенте, поэтому в моем случае нет необходимости указывать параметр mainFields на сервере.

Полная конфигурация накопительного пакета

import resolve from '@rollup/plugin-node-resolve';
import replace from '@rollup/plugin-replace';
import commonjs from '@rollup/plugin-commonjs';
import svelte from 'rollup-plugin-svelte';
import postcss from 'rollup-plugin-postcss';
import autoPreprocess from "svelte-preprocess";
import pluginJson from "@rollup/plugin-json";
import babel from 'rollup-plugin-babel';
import { terser } from 'rollup-plugin-terser';
import config from 'sapper/config/rollup.js';
import pkg from './package.json';

const mode = process.env.NODE_ENV;
const dev = mode === 'development';
const legacy = !!process.env.SAPPER_LEGACY_BUILD;

const onwarn = (warning, onwarn) => (warning.code === 'CIRCULAR_DEPENDENCY' && /[/\\]@sapper[/\\]/.test(warning.message)) || onwarn(warning);

const preprocessOptions = {
    postcss: {
        plugins: [
            require('postcss-import'),
            require('postcss-preset-env')({
                stage: 0,
                browsers: 'last 2 versions',
                autoprefixer: { grid: true }
            })
        ]
    }
};

export default {
    client: {
        input: config.client.input(),
        output: config.client.output(),
        plugins: [
            replace({
                'process.browser': true,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
            svelte({
                preprocess: autoPreprocess(preprocessOptions),
                dev,
                hydratable: true,
                emitCss: true,
                css: css => {
                    css.write('static/css/bundle.css');
                }
            }),
            postcss({
                extract: "static/css/imported.min.css",
                sourceMap: true,
                minimize: true,
            }),
            resolve({
                browser: true,
                dedupe: ['svelte'],
                mainFields: ['main']
            }),
            commonjs(),
            legacy && babel({
                extensions: ['.js', '.mjs', '.html', '.svelte'],
                runtimeHelpers: true,
                exclude: ['node_modules/@babel/**'],
                presets: [
                    ['@babel/preset-env', {
                        targets: '> 0.25%, not dead'
                    }]
                ],
                plugins: [
                    '@babel/plugin-syntax-dynamic-import',
                    ['@babel/plugin-transform-runtime', {
                        useESModules: true
                    }]
                ]
            }),

            !dev && terser({
                module: true
            })
        ],

        onwarn,
    },

    server: {
        input: config.server.input(),
        output: config.server.output(),
        plugins: [
            replace({
                'process.browser': false,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
            svelte({
                preprocess: autoPreprocess(preprocessOptions),
                generate: 'ssr',
                dev,
                css: css => {
                    css.write('static/css/bundle.css');
                }
            }),
            postcss({
                extract: "static/css/imported.min.css",
                sourceMap: true,
                minimize: true,
            }),
            resolve({
                dedupe: ['svelte']
            }),
            commonjs(),
            pluginJson(),
        ],
        external: Object.keys(pkg.dependencies).concat(
            require('module').builtinModules || Object.keys(process.binding('natives'))
        ),

        onwarn,
    },

    serviceworker: {
        input: config.serviceworker.input(),
        output: config.serviceworker.output(),
        plugins: [
            resolve(),
            replace({
                'process.browser': true,
                'process.env.NODE_ENV': JSON.stringify(mode)
            }),
            commonjs(),
            !dev && terser()
        ],

        onwarn,
    }
};

person Hejtmus    schedule 27.09.2020