在 vue typescript 项目中使用 vuejs 组件答案

【问题标题】：Using vuejs components in vue typescript project在 vue typescript 项目中使用 vuejs 组件
【发布时间】：2019-04-28 04:48:37
【问题描述】：

我想在我的项目中使用 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'。

我该如何解决这个问题？

【问题讨论】：

不要声明你的模块与你要导入的模块同名？
@RoyJ 这有帮助，但我仍然遇到第一个错误，只是现在在 shims-spinner.d.ts。

标签： typescript vue.js vue-class-components

【解决方案1】：

为了导入和渲染Spinner 模块，您应该可以通过放置：

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

在你的shims.d.ts。

如果您想使用更复杂的类型（我认为在这种情况下没有任何用处，因为您只是导入 Spinner 以在 html 中呈现它）您可以将 any 类型替换为任何内容这就说得通了。

【讨论】：