如何将 Swagger UI 嵌入到 Vue 组件中？

Question

我已经克隆了https://github.com/swagger-api/swagger-ui并将

dist

文件夹从它复制到一个Vue项目中。

然后我使用以下代码创建了一个新文件 SwaggerView.vue：

<template>
  <div class="swagger" id="swagger"></div>
</template>

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

export default {
  name: "Swagger",
  mounted() {
      const spec = require('../path/to/my/spec.json');
      SwaggerUI({
          spec: spec,
          dom_id: '#swagger'
      })
  }
}
</script>

但是会导致错误：

无法解决导入“swagger-ui”的问题 “src/views/SwaggerView.vue”。文件存在吗？

应该怎么做？