Объявление нетипизированной зависимости в проекте Vue + TypeScript - PullRequest
0 голосов
/ 29 ноября 2018

Я пытаюсь использовать библиотеку Vue от Okta в проекте Vue + TypeScript.В прошлом я мог использовать их библиотеку React в проекте React + TypeScript, создав файл okta.d.ts и добавив в него следующее:

declare module '@okta/okta-react';

Когда я пытаюсь сделать что-то похожее с Vue, Я получаю сообщение об ошибке:

This dependency was not found:

* vue/types/vue in ./node_modules/cache-loader/dist/cjs.js??
ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??
ref--13-2!./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=ts&

To install it, you can run: npm install --save vue/types/vue 

Я просмотрел документацию Vue по TypeScript и обнаружил, что там может быть больше участников.Поэтому я попытался:

import Vue from 'vue'

declare module 'vue/types/vue' {
  interface Vue {
    $auth: any
  }
}

Затем я изменил свой main.ts на следующий:

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import './registerServiceWorker';

Vue.config.productionTip = false;

const vue: Vue = new Vue({
  router,
  render: (h) => h(App),
}).$mount('#app');

export const Auth = vue.$auth;

Vue.use(Auth, {
  issuer: ...,
  client_id: ...,
  redirect_uri: window.location.origin + '/implicit/callback',
  scope: 'openid profile email',
});

Однако я все еще получаю ту же ошибку.Есть идеи?

...