stormseed / daykeep-calendar-quasar

A full event display calendar for the Quasar framework that has multiple viewing formats.
MIT License
270 stars 71 forks source link

[Vue warn]: Unknown custom element: <calendar> - did you register the component correctly? #30

Closed KnowledgeGarden closed 5 years ago

KnowledgeGarden commented 5 years ago

That's the message I get if I follow the instructions on the ReadMe:

< template>
  < q-page>
    < calendar />
  < /q-page>
< /template>

quasar-calendar is in node_modules

There was this compiler warning (not crash) warning in ./src/pages/Calendar.vue 17:2-16 "export 'default' (imported as '__vue_script__') was not found in '!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Calendar.vue'

This is not a Q- to put in quasar.config.js, and there are no instructions to create a Vue component. I must have missed something.

KnowledgeGarden commented 5 years ago

Perhaps it would be useful to include the demo code in an /example folder in /src

KnowledgeGarden commented 5 years ago

The installation console said this: npm WARN quasar-calendar@0.3.0 requires a peer of quasar-framework@^0.16.0 but none is installed. You must install peer dependencies yourself. uninstalling and installing install-peers then reinstalling calendar did not catch the peer dependency.

As it turns out, just installing quasar-framework --save failed to complete the install; a missing file. just installing it without --save provoked no errors except the same warning, even though the install trace says this quasar-framework@0.17.5 Confused.

KnowledgeGarden commented 5 years ago

Here is a sequence: install quasar-framework, then install quasar-calendar. Here's the trace:

npm install --save quasar-calendar npm WARN quasar-calendar@0.3.0 requires a peer of quasar-framework@^0.16.0 but none is installed. You must install peer dependencies yourself.

dnasir commented 5 years ago

Did you add the necessary component registration in the component you're using the calendar on?

e.g.

<template>
  <q-page>
    <calendar />
  </q-page>
</template>
<script>
import { Calendar } from 'quasar-calendar';

export default {
  components: {
    Calendar
  }
}
</script>
KnowledgeGarden commented 5 years ago

When you go through all of the steps, and you install quasar-calendar, how do you deal with this npm message? npm WARN quasar-calendar@0.3.0 requires a peer of quasar-framework@^0.16.0 but none is installed. You must install peer dependencies yourself.

dnasir commented 5 years ago

If you've already installed quasar, then you can simply ignore this warning. It's working fine for me.

On Thu, 9 Aug 2018, 03:18 Jack Park, notifications@github.com wrote:

When you go through all of the steps, and you install quasar-calendar, how do you deal with this npm message? npm WARN quasar-calendar@0.3.0 requires a peer of quasar-framework@^0.16.0 but none is installed. You must install peer dependencies yourself.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/stormseed/quasar-calendar/issues/30#issuecomment-411595970, or mute the thread https://github.com/notifications/unsubscribe-auth/ABqBW2eUUqbWCSdrJeCjiyHIhoTfLtzHks5uO3_ygaJpZM4VtMe8 .

KnowledgeGarden commented 5 years ago

It is for me as well. Thanks!