Within my VueJS application, I have brought in 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 code snippet:
<p>
Introducing our initial offering - <a v-bind:href="links.moon" target="_blank">Moon.holdings</a>, a gamified cryptocurrency portfolio. We are currently developing a roadmap to incorporate user accounts and gamified features aimed at enhancing your crypto assets.
</p>
<div>
<a v-bind:href="links.twitter" target="_blank"><img src="../assets/twitter.png" alt="Follow us on Twitter"/></a>
</div>
Both these functionalities function flawlessly within the app and redirect users to their intended destinations:
https://i.sstatic.net/wsCF8.png
However, an unexpected error has surfaced:
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 appears to be correct, so what's causing this hiccup in VueJS?