Swagger UI无法正常显示(Swagger UI doesn't display properly)

 使用JHipster（和swagger-ui 2.1.5）我想访问“API”选项卡。 
 
 然而，它似乎没有正确显示，我在控制台中得到以下错误： 
 
index.html:8 GET http://localhost:8080/swagger-ui/css/typography.css
index.html:10 GET http://localhost:8080/swagger-ui/css/screen.css 
index.html:15 GET http://localhost:8080/swagger-ui/lib/jquery.slideto.min.js 
index.html:14 GET http://localhost:8080/swagger-ui/lib/jquery-1.8.0.min.js 
index.html:16 GET http://localhost:8080/swagger-ui/lib/jquery.wiggle.min.js 
index.html:18 GET http://localhost:8080/swagger-ui/lib/handlebars-2.0.0.js 
index.html:17 GET http://localhost:8080/swagger-ui/lib/jquery.ba-bbq.min.js 
index.html:19 GET http://localhost:8080/swagger-ui/lib/lodash.min.js 
index.html:21 GET http://localhost:8080/swagger-ui/lib/swagger-ui.min.js 
index.html:13 GET http://localhost:8080/swagger-ui/lib/object-assign-pollyfill.js 
index.html:22 GET http://localhost:8080/swagger-ui/lib/highlight.9.1.0.pack.js 
index.html:20 GET http://localhost:8080/swagger-ui/lib/backbone-min.js 
index.html:24 GET http://localhost:8080/swagger-ui/lib/jsoneditor.min.js 
index.html:25 GET http://localhost:8080/swagger-ui/lib/marked.js 
index.html:23 GET http://localhost:8080/swagger-ui/lib/highlight.9.1.0.pack_extended.js 
index.html:26 GET http://localhost:8080/swagger-ui/lib/swagger-oauth.js 
index.html:9 GET http://localhost:8080/swagger-ui/css/reset.css 
index.html:12 GET http://localhost:8080/swagger-ui/css/print.css 
index.html:14 GET http://localhost:8080/swagger-ui/lib/jquery-1.8.0.min.js 
index.html:15 GET http://localhost:8080/swagger-ui/lib/jquery.slideto.min.js 
index.html:16 GET http://localhost:8080/swagger-ui/lib/jquery.wiggle.min.js 
index.html:17 GET http://localhost:8080/swagger-ui/lib/jquery.ba-bbq.min.js 
index.html:18 GET http://localhost:8080/swagger-ui/lib/handlebars-2.0.0.js 
index.html:19 GET http://localhost:8080/swagger-ui/lib/lodash.min.js 
index.html:20 GET http://localhost:8080/swagger-ui/lib/backbone-min.js 
index.html:21 GET http://localhost:8080/swagger-ui/lib/swagger-ui.min.js 
index.html:22 GET http://localhost:8080/swagger-ui/lib/highlight.9.1.0.pack.js 
index.html:23 GET http://localhost:8080/swagger-ui/lib/highlight.9.1.0.pack_extended.js 
index.html:24 GET http://localhost:8080/swagger-ui/lib/jsoneditor.min.js 
index.html:25 GET http://localhost:8080/swagger-ui/lib/marked.js 
index.html:26 GET http://localhost:8080/swagger-ui/lib/swagger-oauth.js
index.html:34 Uncaught ReferenceError: $ is not defined
    at index.html:34
 
  
 
 我使用的是Eclipse（STS发行版），我担心它可能是一个项目配置问题，但由于我相当新，所以我一直无法找出问题的根源。 
 
 编辑： 
 
 我正在使用Maven，并且错误仍然发生，我通过STS或命令行启动应用程序。 
 
 该项目与我想要测试的一项服务不同。 
 
 此外，我刚生成一个新的JHipster应用程序，错误依然存在。 
 
 编辑'： 
 
 在我可以访问服务的Edge上，显示效果确实更好。 
 
 我还注意到，未改变的应用在Edge上显示效果良好。 
 
  

Using JHipster (and swagger-ui 2.1.5) I wanted to access the "API" tab.
 
However it doesn't seem to properly display and I get the following errors in the console :
 
index.html:8 GET http://localhost:8080/swagger-ui/css/typography.css
index.html:10 GET http://localhost:8080/swagger-ui/css/screen.css 
index.html:15 GET http://localhost:8080/swagger-ui/lib/jquery.slideto.min.js 
index.html:14 GET http://localhost:8080/swagger-ui/lib/jquery-1.8.0.min.js 
index.html:16 GET http://localhost:8080/swagger-ui/lib/jquery.wiggle.min.js 
index.html:18 GET http://localhost:8080/swagger-ui/lib/handlebars-2.0.0.js 
index.html:17 GET http://localhost:8080/swagger-ui/lib/jquery.ba-bbq.min.js 
index.html:19 GET http://localhost:8080/swagger-ui/lib/lodash.min.js 
index.html:21 GET http://localhost:8080/swagger-ui/lib/swagger-ui.min.js 
index.html:13 GET http://localhost:8080/swagger-ui/lib/object-assign-pollyfill.js 
index.html:22 GET http://localhost:8080/swagger-ui/lib/highlight.9.1.0.pack.js 
index.html:20 GET http://localhost:8080/swagger-ui/lib/backbone-min.js 
index.html:24 GET http://localhost:8080/swagger-ui/lib/jsoneditor.min.js 
index.html:25 GET http://localhost:8080/swagger-ui/lib/marked.js 
index.html:23 GET http://localhost:8080/swagger-ui/lib/highlight.9.1.0.pack_extended.js 
index.html:26 GET http://localhost:8080/swagger-ui/lib/swagger-oauth.js 
index.html:9 GET http://localhost:8080/swagger-ui/css/reset.css 
index.html:12 GET http://localhost:8080/swagger-ui/css/print.css 
index.html:14 GET http://localhost:8080/swagger-ui/lib/jquery-1.8.0.min.js 
index.html:15 GET http://localhost:8080/swagger-ui/lib/jquery.slideto.min.js 
index.html:16 GET http://localhost:8080/swagger-ui/lib/jquery.wiggle.min.js 
index.html:17 GET http://localhost:8080/swagger-ui/lib/jquery.ba-bbq.min.js 
index.html:18 GET http://localhost:8080/swagger-ui/lib/handlebars-2.0.0.js 
index.html:19 GET http://localhost:8080/swagger-ui/lib/lodash.min.js 
index.html:20 GET http://localhost:8080/swagger-ui/lib/backbone-min.js 
index.html:21 GET http://localhost:8080/swagger-ui/lib/swagger-ui.min.js 
index.html:22 GET http://localhost:8080/swagger-ui/lib/highlight.9.1.0.pack.js 
index.html:23 GET http://localhost:8080/swagger-ui/lib/highlight.9.1.0.pack_extended.js 
index.html:24 GET http://localhost:8080/swagger-ui/lib/jsoneditor.min.js 
index.html:25 GET http://localhost:8080/swagger-ui/lib/marked.js 
index.html:26 GET http://localhost:8080/swagger-ui/lib/swagger-oauth.js
index.html:34 Uncaught ReferenceError: $ is not defined
    at index.html:34
 
 
I am using Eclipse (STS distribution) and I fear it might be a project configuration problem but as I am fairly new to it I haven't been able to pinpoint the source of the issue.
 
EDIT:
 
I am using Maven and the error still occurs wether I launch the app via STS or command line.
 
The project is as generated except one service that I wanted to test out.
 
Furthermore I just generated a new JHipster app and the errors remain.
 
EDIT':
 
The display is indeed better on Edge where I have access to the services.
 
I also noted that the unchanged app displays well on Edge.
 

原文：https://stackoverflow.com/questions/41426124