Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
KnowledgeGarden opened this issue Aug 3, 2018 · 7 comments

Comments

@KnowledgeGarden
Copy link

KnowledgeGarden commented Aug 3, 2018

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

< template>
  < q-page>
    < calendar />
  < /q-page>
< /template>
<script>
import { Calendar } from 'quasar-calendar'
</script>
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
Copy link
Author

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

@KnowledgeGarden
Copy link
Author

KnowledgeGarden commented Aug 3, 2018

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
Copy link
Author

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

  • quasar-framework@0.17.5

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.

  • quasar-calendar@0.3.0

@dnasir
Copy link

dnasir commented Aug 8, 2018

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
Copy link
Author

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

dnasir commented Aug 9, 2018 via email

@KnowledgeGarden
Copy link
Author

It is for me as well. Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants