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

Problem within an Android Cordova App #26

Open
AlexisLaurier opened this issue Jul 31, 2018 · 0 comments
Open

Problem within an Android Cordova App #26

AlexisLaurier opened this issue Jul 31, 2018 · 0 comments

Comments

@AlexisLaurier
Copy link

AlexisLaurier commented Jul 31, 2018

Hi !

I'm building a multiplatform app and is trying to integrate this simple but efficient calendar inside it.
Everything works perfectly inside a browser. However, there is a vue warn inside android cordova which prevent css from loading (according to the render result).
Here is the very poor logs that i get

07-31 18:11:28.404  6206  6206 I chromium: [INFO:CONSOLE(593)] "[Vue warn]: Error in mounted hook: "TypeError: Invalid attempt to destructure non-iterable instance"
07-31 18:11:28.404  6206  6206 I chromium: 
07-31 18:11:28.404  6206  6206 I chromium: found in
07-31 18:11:28.404  6206  6206 I chromium: 
07-31 18:11:28.404  6206  6206 I chromium: ---> <VueCalendar>
07-31 18:11:28.404  6206  6206 I chromium:        <Calendrier> at src/components/calendrier.vue
07-31 18:11:28.404  6206  6206 I chromium:          <VContent>
07-31 18:11:28.404  6206  6206 I chromium:            <VApp>
07-31 18:11:28.404  6206  6206 I chromium:              <App> at src/App.vue
07-31 18:11:28.404  6206  6206 I chromium:                <Root>", source: webpack:///./node_modules/vue/dist/vue.common.js? (593)
07-31 18:11:28.404  6206  6206 I chromium: [INFO:CONSOLE(1741)] "TypeError: Invalid attempt to destructure non-iterable instance", source: webpack:///./node_modules/vue/dist/vue.common.js? (1741)

Here is how i call the calendar :

import Vue from 'vue'
import vueCalendar from 'vue2-simple-calendar';
import "./assets/vue2-simple-calendar.css";

const config  = {
  languages:{  fr: {
      showMore: 'Plus de détails',
      dayNameShort: ['dim', 'lu', 'ma', 'mer', 'jeu', 'ven', 'sam'],
      dayNameLong: ['Dimanche', 'Lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'Samedi'],
      monthNameShort: ['jan', 'fev', 'mars', 'avr', 'mai', 'juin', 'juil', 'août', 'sep', 'oct', 'nov', 'déc'],
      monthNameLong: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre']
    }},
  locale: 'fr',
  firstDay: 1,
  showLimit: 3,
  fullDayNames: false,
  fullMonthNames: true,
  componentName: 'vue-calendar',
};

Vue.use(vueCalendar, config);

What could cause this ? I've tried several implementation of this calendar : from my webpack entry point, my component, and several mixed of both. The result is always the same.

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

1 participant