Использование компонентов vuejs в проекте vue typcript

Question

Я хочу использовать vue-simple-spinner в своем проекте, но при импорте я получаю следующую ошибку:

Could not find a declaration file for module 'vue-simple-spinner'. 
'c:/Users/Korisnik/Desktop/projects/typescript-chord-app/node_modules/vue- 
simple-spinner/dist/vue-simple-spinner.js' implicitly has an 'any' type.
Try `npm install @types/vue-simple-spinner` if it exists or add a new 
declaration (.d.ts) file containing `declare module 'vue-simple-spinner';`

я создал shims-spinner.d.ts файл:

declare module 'vue-simple-spinner' {
  import Spinner from 'vue-simple-spinner';
  export default Spinner;
}

но потом я получаю Circular definition of import alias 'Spinner',

Как я могу это исправить?

Answer 1

Для того, чтобы импортировать и визуализировать Spinner модуль, вы должны быть в состоянии сделать это, поместив:

declare module 'vue-simple-spinner' {
  const spinner: any;
  export default spinner;
 }

В вашем shims.d.ts,

Если вы хотите использовать более сложный тип (который, я думаю, не имеет никакого смысла в этом случае, так как вы импортируете Spinner только для рендеринга его в html), вы можете заменить any печатать с чем-нибудь, что имеет смысл.