Parser error: Parser error on line 57 end of the stream or a document separator is expected

When I trying to use (local) swagger.json file I have got a problem with parsing/validating. Its working locally on http://localhost:8080/ but when I try to load the index.html file on browser it shown error: “Parser error: Parser error on line 57 end of the stream or a document separator is expected”. I set “validatorUrl: null,” in dist/index.html and fix CORS but problem is still exists. What is a problem here? Is there any configuration tips? It looks like Dist bug

Q	A
Bug or feature request?	Bug
Which Swagger/OpenAPI version?	V/3.13.3 (#4420)
Which Swagger-UI version?
How did you install Swagger-UI?	Github download
Which browser & version?	Chrome
Which operating system?	Win10

Demonstration API definition - full swagger.json file

{
  "swagger": "2.0",
  "info": {
    "version": "1.0",
    "title": "tytul",
    "contact": {
      "name": "mario",
      "email": "[e-mail]"
    }
  },
  "host": "127.0.0.1:8080",
  "basePath": "/datasnap/rest/TServerMethods1/",
  "schemes": [
    "http"
  ],
  "paths": {
    "/test": {
      "get": {
        "description": "Main Desc",
        "parameters": [
          {
            "in": "query",
            "name": "some name",
            "description": "desc",
            "required": true,
            "type": "string"
          }
        ],
        "responses": {
          "200": {
            "description": "some desc"
          }
        }
      }
    }
  }
}

Configuration (dist/swagger.json)

{
  window.onload = function() {
  
  // Build a system 
  const ui = SwaggerUIBundle({
    url: "./swagger.json",
    dom_id: '#swagger-ui',
    deepLinking: true,
	validatorUrl: null,
    presets: [
      SwaggerUIBundle.presets.apis,
      SwaggerUIStandalonePreset
    ],
    plugins: [
      SwaggerUIBundle.plugins.DownloadUrl
    ],
    layout: "StandaloneLayout"
  })
  window.ui = ui
}
}

Expected Behavior

Current Behavior

Possible Solution

Context

[azaeng04]

What is the problem?

@shockey any progress on finding a solution for this? I am experiencing the same error as @maniutek20. I loaded my swagger.json on https://editor.swagger.io/ after converting it to YAML and it displays correctly.

Solution

If you are making use of swagger-ui js. Require your JSON doc and do not use import. It complains about that for some reason.

No

import { serve, setup } from 'swagger-ui-express'; ✔︎ import swaggerDoc from ./api/swagger/swagger.json'; ✘

Yes

import { serve, setup } from 'swagger-ui-express'; ✔︎ const swaggerDoc = require('./api/swagger/swagger.json'); ✔︎

[kyle-marshall]

I was facing what appeared to be the same issue. I stumbled on something that works by modifying the “Modify swagger file on the fly before load” example from the main examples on the npm page. I had to stray from the example and use swaggerUI.serve instead of swaggerUi.serveFiles(swaggerDocument, options).

Here’s what worked for me:

let swaggerDocument: any = null;

const prepareSwaggerDoc: Handler = async (req, res, next) => {
    const path = "docs/combined.json";
    const data = await readFile(path);
    swaggerDocument = JSON.parse(data.toString("utf8"));
    (req as any).swaggerDoc = swaggerDocument;
    console.log(swaggerDocument);
    next();
};

const router = Router();
router.use("/", prepareSwaggerDoc, swaggerUI.serve, swaggerUI.setup());