我正在尝试将 DHTMLX 甘特图与 Quasar 项目集成，但我得到的是空白页

【问题标题】：I'm trying to integrate DHTMLX gantt with a Quasar project , and i'm getting a blank page我正在尝试将 DHTMLX 甘特图与 Quasar 项目集成，但我得到的是空白页
【发布时间】：2023-01-30 14:50:44
【问题描述】：

我确实尝试在我的 quasar 项目上安装依赖项，调用组件并初始化引导文件，但每次我仍然得到一个空白页面，唯一有效的方法是在 VUE 3 项目上测试它。

【问题讨论】：

请提供足够的代码，以便其他人可以更好地理解或重现问题。

标签： javascript vue.js frontend quasar

【解决方案1】：

当大小是相对的时，您需要为甘特图容器及其父元素添加大小（width 和height）：

#gantt_here{
  position: relative;
  width: 100%;
  height: 90%;
}

html,
body, 
#q-app,
#q-app > div,
.q-page-container {
  /* Full height */
  height: 100%;
}

https://docs.dhtmlx.com/gantt/faq.html#theganttchartisntrenderedcorrectly

这是一个使用 Vue 2 和 Gantt 7.1.13 的 Quasar 演示： https://files.dhtmlx.com/30d/a6d4aa45521cbe2de6f7f87901eeb693/quasar-project.zip

【讨论】：