В моем приложении 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>
И они оба прекрасно работают в моем приложении, и нажимают на эти ссылки:
![enter image description here](https://i.stack.imgur.com/wsCF8.png)
Однако я получаю эту странную ошибку:
ОШИБКА в /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?
![enter image description here](https://i.stack.imgur.com/7UbAN.png)