找不到模块'../constants/links'的声明文件| src / constants / links.js”隐式具有“ any”类型

Question

在我的VueJS应用中，我导入了一些常量变量。

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import { MOON_HOLDINGS_LINK, TWITTER_LINK } from '../constants/links'

@Component
export default class HelloWorld extends Vue {
  @Prop() private title!: string

  links = {
    moon: MOON_HOLDINGS_LINK,
    twitter: TWITTER_LINK
  }
}
</script>

标记：

<p>
  Our first product is <a v-bind:href="links.moon" target="_blank">Moon.holdings</a>, a gamified cryptocurrency portfolio. We are currently working on a roadmap to introduce user accounts and gamified elements to help grow your crypto wealth.
</p>
<div>
  <a v-bind:href="links.twitter" target="_blank"><img src="../assets/twitter.png" alt="Follow us on Twitter"/></a>
</div>

它们在我的应用程序中都可以正常运行，并单击这些链接：

但是我遇到了这个奇怪的错误：

  

/Users/leongaban/projects/Futuratum/futuratum.io/src/components/HelloWorld.vue中的错误   18:50找不到模块'../constants/links'的声明文件。 “ /Users/leongaban/projects/Futuratum/futuratum.io/src/constants/links.js”隐式具有“ any”类型。

我的语法对我来说100％不错，但是VueJS在这里我缺少什么？

Answer 1

您需要为links.js编写一个类型定义文件，也许vue在导入时会使用--noImplicityAny或--strict，您可以将其关闭。