Topbar not showing

Q&A (please complete the following information)

• OS: ubuntu 20
• Browser: chrome
• Version: 99.0
• Method of installation: npm (with webpack)
• Swagger-UI version: 4.6.1
• Swagger/OpenAPI version: n/a

Content & configuration

I cannot get mulitple swagger urls to work. I am getting "No API definition provided.".
It works with a single url just fine, but I can't get the Topbar to show either way. I am using a very basic setup based on the getting started repo: https://github.com/swagger-api/swagger-ui/tree/master/docs/samples/webpack-getting-started

I have tried with or without the preset/plugins shown below.

My complete index.json (includes Swagger-UI configuration options):

import SwaggerUI from 'swagger-ui'
import 'swagger-ui/dist/swagger-ui.css';

SwaggerUI({
    dom_id: "#swagger-ui",
    urls: [
        {
            url: "http://petstore.swagger.io/v2/swagger.json",
            name: "test1",
        },
        {
            url: "http://petstore.swagger.io/v2/swagger.json",
            name: "test2",
        },
    ],
    queryConfigEnabled: true,
    presets: [
        SwaggerUI.presets.apis,
        SwaggerUI.SwaggerUIStandalonePreset
    ],
    plugins: [
        SwaggerUI.plugins.Topbar
    ]
});

Screenshots

How can we help?

Explain how i can get the topbar to show, so i can switch between multiple openapi json files.

Start with the webpack getting-started sample and reproduce the provided SwaggerUI configuration using its two URLs, presets, and Topbar plugin. Check why the Topbar does not appear and why multiple definitions produce “No API definition provided.” Done means the sample displays the Topbar and allows switching between the configured OpenAPI files.