Adding gantt-elastic as vue component error

[Mak-NOAA]

Adding gantt-elastic as vue component error

[neuronetio]

I forgot to publish :) 👍
But your solution is ok too.
Let me know here if 0.10.1 also works, thanks!
I'm closing this issue.

@neuronetio We have it up and running now, thanks! We're just starting a new project, and tracked getting gantt-elastic up and running here:
nwfsc-fram/boatnet#192

[neuronetio]

I'll check it tomorrow, and in the meantime leave the vue version here

I think that it may be because elastic-gantt doesn't have a name property.
For quick fix you can try someting like this

// Chart.vue
<template>
  <q-page padding>
    <gantt-elastic :tasks="tasks" :options="options">
    <!-- <gantt-elastic-header slot="header"></gantt-elastic-header>
    <gantt-elastic-footer slot="footer"></gantt-elastic-footer> -->
  </gantt-elastic>
  </q-page>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import GanttElastic from 'gantt-elastic';

@Component
export default class PageAbout extends Vue {
  components = { GanttElastic };
  private tasks:any;
  private options:any;
}
</script>

I don't know ts so maybe you must fix this code

[Mak-NOAA]

Thanks @neuronetio , I seem to be getting the same error message with your quick fix code.

[neuronetio]

what about now? (v0.10.1)

[eaf-andrewbaccus]

import GanttElastic from 'gantt-elastic';

@Component({
  components: {
    'gantt-elastic': GanttElastic
  }
})
export default class BaseIterator extends Vue {

this seems to work for me on 0.10.0. is 0.10.1 published to NPM yet?

[eaf-andrewbaccus]

It still loads using this method on 0.10.1 for me. However, I am seeing the following error. Is it related?

[Vue warn]: Error in created hook: "ReferenceError: Vue is not defined"

found in

---> <GanttElastic> at node_modules/gantt-elastic/src/GanttElastic.vue

[neuronetio]

not related but important! :)

[Mak-NOAA]

We are still getting the same register error. I did a
yarn add gantt-elastic@latest

and I rebuilt everything....so I'm pretty sure I'm on 0.10.1

Any thoughts?

[neuronetio]

@eaf-andrewbaccus try 0.10.14
@Mak-NOAA update to 0.10.14
if problem still exists try @eaf-andrewbaccus solution

import GanttElastic from 'gantt-elastic';

@Component({
  components: {
    'gantt-elastic': GanttElastic
  }
})
export default ...

[neuronetio]

@Mak-NOAA I will check this anyway on typescript, but I don't know when - maybe in next week

[neuronetio]

@Mak-NOAA And first of all, try to import GanttElastic in your component directly - do not add gantt-elastic to quasar components, because it is not a quasar module :)

After resolving the component registration, we are seeing the same issue eaf-andrewbaccus reported:

[Vue warn]: Error in created hook: "ReferenceError: Vue is not defined"
found in
---> <GanttElastic> at node_modules/gantt-elastic/src/GanttElastic.vue

This was in a non-typescript project just created with vue create from the CLI. Haven't quite figured out how to get it running using the example code provided in Examples. Thanks for a cool looking component--hoping we can figure it out!

[Mak-NOAA]

@neuronetio we got along a little further and now seeing this layout issue below:

I can try to change the style height for class gantt-elastic__main-container-wrapper but I don't think that's the right approach.

We're also getting the following error....any thoughts on that would be great as well:

ERROR in /Users/seyed.ahmad/boatnet/apps/obs-web/src/views/Chart.vue
73:39 Parameter 'task' implicitly has an 'any' type.
    71 |       { id: 2, label: 'Description', value: 'label', width: 200, expander: true },
    72 |       { id: 3, label: 'Assigned to', value: 'user', width: 130, html: true },
  > 73 |       { id: 3, label: 'Start', value: task => dayjs(task.start).format('YYYY-MM-DD'), width: 78 },
       |                                       ^
    74 |       { id: 4, label: 'Type', value: 'type', width: 68 },
    75 |       {
    76 |         id: 5,

[neuronetio]

Yaaap, I have the same... I,m working on it :) thanks for dialog 👍 pt., 15 mar 2019, 21:00 użytkownik Mak <[email protected]> napisał:

…

@neuronetio <https://github.com/neuronetio> we got along a little further and now seeing this layout issue below: [image: Screen Shot 2019-03-15 at 12 57 24 PM] <https://user-images.githubusercontent.com/20570382/54458719-e734c980-4721-11e9-8d74-f0011a44f28d.png> I can try to change the style height for class gantt-elastic__main-container-wrapper but I don't think that's the right approach. We're also getting the following error....any thoughts on that would be great as well: ERROR in /Users/seyed.ahmad/boatnet/apps/obs-web/src/views/Chart.vue 73:39 Parameter 'task' implicitly has an 'any' type. 71 | { id: 2, label: 'Description', value: 'label', width: 200, expander: true }, 72 | { id: 3, label: 'Assigned to', value: 'user', width: 130, html: true }, > 73 | { id: 3, label: 'Start', value: task => dayjs(task.start).format('YYYY-MM-DD'), width: 78 }, | ^ 74 | { id: 4, label: 'Type', value: 'type', width: 68 }, 75 | { 76 | id: 5, — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#32 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AX3kcCvbTqb71rRG0IDaY2pCJJsD8aeLks5vW_vPgaJpZM4br_Oe> .

[neuronetio]

check 0.10.15

[Mak-NOAA]

@neuronetio is 0.10.15 supposed to fix the issue with
73:39 Parameter 'task' implicitly has an 'any' type.
?

I still see the error

[neuronetio]

@Mak-NOAA I think that this is a typescript related message, and this is why I'm not using typescript :P you must fix it by yourself I will not help here, sorry.

[neuronetio]

@Mak-NOAA https://stackoverflow.com/questions/43064221/typescript-ts7006-parameter-xxx-implicitly-has-an-any-type

[neuronetio]

@eaf-andrewbaccus @wsmith-nwfsc Do you still have this error Error in created hook: "ReferenceError: Vue is not defined" in 0.10.15?