Hello,
I am facing an issue in Brythum Gantt Library.
I have developed a Gantt chart into Salesforce org and it is showing a blank page after that I found that the bryntum library does not have the Gantt components for creating a chart.
In order to solve this issue I follow the steps in this guide https://bryntum.com/products/gantt/docs/guide/Gantt/integration/salesforce/readme
but then also face the same issue.
I thought that it might be some caching problem but it was not.
The library is loaded successfully but its methods are missing, as shown in the attached image below.
I have attached images for better reference.
Please let me know if there are any troubleshooting steps I should try or if you require any further information to investigate and resolve this issue. I appreciate your prompt attention to this matter.
It would be great if you could hop on a call.
Thank you for your understanding and support.
/* globals bryntum : true */
import { LightningElement, api, track, wire } from "lwc";
import { NavigationMixin } from "lightning/navigation";
import { ShowToastEvent } from "lightning/platformShowToastEvent";
import { loadScript, loadStyle } from "lightning/platformResourceLoader";
//import GanttDup from "@salesforce/resourceUrl/bryntumScheduleProModuleJS";
//import GanttStyle from "@salesforce/resourceUrl/Bt_BryntumNewGanttCss";
import GanttStyle from "@salesforce/resourceUrl/BT_Bryntum_Css";
//import GANTT from "@salesforce/resourceUrl/bryntum_gantt";
import GANTTModule from "@salesforce/resourceUrl/BT_Bryntum_Js";
//import SchedulerPro from "@salesforce/resourceUrl/bryntumScheduleProModuleJS";
import GanttToolbarMixin from "./lib/GanttToolbar";
import GanttToolbarMixinDup from "./lib/GanttToolbarDup";
import data from "./data/launch-saas";
renderedCallback() {
if (this.bryntumInitialized) {
return;
}
this.bryntumInitialized = true;
Promise.all([
loadScript(this, GANTTModule),
loadStyle(this, GanttStyle + "/gantt.stockholm.css"),
// loadScript(this, Papa.unparse()), // papaparse lib..
loadScript(this, PARSER + "/PapaParse/papaparse.js"),
])
.then(() => {
console.log("*******LIBRARY LOADED SUCCESSFULLY******");
console.log('this.bryntum ',bryntum);
this.gettaskrecords();
this.loadedChart = true;
})
.catch((error) => {
console.log('error log ',error);
this.dispatchEvent(
new ShowToastEvent({
title: "Error loading Gantt Chart",
message: error,
variant: "error",
})
);
});
}