生成 API 客户端以在 vue 中使用

Question

我已经使用 NSwag 生成了一个 typescript API 客户端，使用 Axios 模板，用于我的 vue 前端（如果需要，我可以添加生成的客户端以及 nswag 配置）。

Axios 已添加为依赖项：

  "dependencies": {
    "axios": "^0.19.0",
    "core-js": "^2.6.5",
    "vue": "^2.6.10",
    "vue-router": "^3.0.3",
    "vuelidate": "^0.7.4"
  },

目前我只尝试导入一个客户端：

import usersClient from "@/api.ts";

使用 npm run serve 为前端提供服务时出现以下错误（由于上述导入）：

 ERROR  Failed to compile with 1 errors                                                                         11:51:19
 error  in ./src/api.ts

Module parse failed: Unexpected token (13:12)
You may need an appropriate loader to handle this file type.
|
| export class UsersClient {
>     private instance: AxiosInstance;
|     private baseUrl: string;
|     protected jsonParseReviver: ((key: string, value: any) => any) | undefined = undefined;

 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LoginDialogModal.vue?vue&type=script&lang=js& 69:0-35
 @ ./src/components/LoginDialogModal.vue?vue&type=script&lang=js&
 @ ./src/components/LoginDialogModal.vue
 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&
 @ ./src/App.vue?vue&type=script&lang=js&
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.110:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

谁能告诉我建议 You may need an appropriate loader to handle this file type. 是什么意思？

我是 vue 的新手，对整个 Web 堆栈不是很精通，所以我可能会漏掉一些对某些人来说很明显的东西。

Answer 1

问题是该项目没有为打字稿完全设置。

生成 API 客户端以在 vue 中使用

Generate API client to use in vue

vue.js

axios

nswag