Encountered component import error when using Vue-cal

Question

Installing npmivue-cal In my js file: import VueCal from 'vue-cal' I get this message in the console: Unable to resolve module specifier 'vue-cal'

P粉561438407 · Answer

Related to Doc, Vue Cal is a component, so you have to use it like a component.

You have to do something like this:

import VueCal from 'vue-cal'
import 'vue-cal/dist/vuecal.css'

export default {
  components: { VueCal },
  ...
}

Still getting errors?

You can remove the import above and use the script in the documentation related to the section above or via the tag .

In the head tag of the file index.html:

...

Now that Vue cal is fully available in your vue application, you just need to go into your component and do the following:

export default {
  components: { VueCal: vuecal },
}

Php8, I'm coming too