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

Question

In my VueJS app I've imported some constant variables.

<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>

The markup:

<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>

And they both work fine in my app, and do click to those links:

However I'm getting this strange error:

ERROR in /Users/leongaban/projects/Futuratum/futuratum.io/src/components/HelloWorld.vue 18:50 Could not find a declaration file for module '../constants/links'. '/Users/leongaban/projects/Futuratum/futuratum.io/src/constants/links.js' implicitly has an 'any' type.

My syntax looks 100% fine to me, but what am I missing here in VueJS?

Answer 1

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