在Vue TypeScript項目中使用Vue.js組件

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類型替換為有意義的any類型。