SvelteKit UnhandledPromiseRejection 出现奇怪的 TLS 连接错误

Question

I have here a strange collection of error, for which i canno't find any solutions on the inte.net ( maby i'm just bad with google ).

I created a website, with the following files/folder tree:

With this setup i first got this error message:

Client.network socket disconnected before secure TLS connection was established.

Which I didn't find any solution for other then reload the page. After deciding handling the error myself i tried this:

api.js

import axios from 'axios';
import axiosRetry from 'axios-retry';

const base = process.env['API_ENDPOINT'];
axiosRetry(axios, { retries: 5 });

async function send({ path }) {
    let pages = 0;
    let resp;

    try {
        resp = await axios.get(`${base}/${path}`);
    } catch (error) {
        throw error;
    }

    if ('X-WP-TotalPages' in resp.headers) {
        pages = resp.headers['X-WP-TotalPages'];
    }

    return {
        pages: pages,
        body: resp.data
    };
}

export async function get(path) {
    return send({ method: 'GET', path });
}

And i call it in (for example) landing.js:

import { writable } from 'svelte/store';
import { browser } from '$app/env';

import * as api from '$lib/api';

let loading = false;
let posts = [];

const list = writable({
    loading,
    posts
});

export default {
    subscribe: list.subscribe,
    async fetchNews() {
        if (loading) return {};
        loading = true;

        list.set({ loading, posts });

        let lang = 'de';

        if (browser) {
            lang = localStorage.getItem('lang') || 'de';
        }

        try {
        const res = await api.get(`posts?filter[lang]=${lang}&per_page=4&_embed`);
        } catch (error) {
            throw error;
        }

        posts = await res.body;

        posts.map((post) => {
            if (post._embedded['wp:featuredmedia'])
                post.image = post._embedded['wp:featuredmedia'][0].source_url;
            else post.image = '/news/news_placeholder.png';
        });

        loading = false;

        list.set({ loading, posts });
    }
};

Now the new error is something like this:

[UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with.catch(). The promise rejected with the reason "Test".] { code: 'ERR_UNHANDLED_REJECTION' }

Maybe I'm just an idiot right, but i need really some help here!

Thanks in advance for this.

Answer 1

Try wrapping the whole function body in try {...}, instead of the const res = await api.get... line and observe where exactly the error happens.