Создать клиент API для использования в vue - PullRequest
Новая
       22

Создать клиент API для использования в vue

0 голосов
/ 27 июня 2019

Я использовал NSwag для генерации 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 и не очень хорошо разбираюсь во всем веб-стеке, поэтому я могу упустить что-то очевидное для некоторых.

...