Estoy usando un paquete npm llamado svelte-gantt a través de este cdn aquí: npm cdn . Sin embargo, por mi vida no puedo hacer que el gráfico se muestre en la plantilla, no puedo encontrar un ejemplo de su uso con django, así que no estoy seguro de si es posible.
¿Qué estoy haciendo mal aquí para que no aparezca? ¿Cómo puedo usar el paquete y el diagrama de Gantt en mi plantilla de Django?
{% extends "home/base.html" %} {% block content %} <style> #example-gantt { flex-grow: 1; overflow: auto; height: 600px; width: 100px; } .container { display: flex; overflow: auto; flex: 1; } </style> <div class="container"> <div id="example-gantt"></div> </div> <script src="https://cdn.jsdelivr.net/npm/svelte-gantt@4.0.3-beta/index.min.js"></script> <script> var options = {}; var gantt = new SvelteGantt({ // target a DOM element target: document.getElementById('example-gantt'), // svelte-gantt options props: options }); </script> {% endblock content %}Ese es un componente Svelte y, por supuesto, no puede usarlo como está en js simple. Jugando con él, supongo que el enlace cdn a la biblioteca simplemente está roto y en realidad no le brinda el js integrado que funciona independientemente del marco que está utilizando, una solución podría ser simplemente construir el componente e importar los archivos necesarios:
herramientas de nodo/compilación
<link rel='stylesheet' href='public/gantt-default.css'> <link rel='stylesheet' href='dist/css/svelteGantt.css'> <script src='moment.js'></script> <script src='dist/index.iife.js'></script>o use las importaciones ES6 en su código:
import { SvelteGantt, SvelteGanttTable } from 'svelte-gantt';(como se muestra en la guía del repositorio de la rama gh-pages en el creador GitHub)
luego use el SvelteGantt como lo hizo.
Si no puede construir la biblioteca usted mismo o no sabe cómo hacerlo, ya hay una construida en el GitHub del creador:
https://github.com/ANovokmet/svelte-gantt/tree/gh-pages/dist
Tenga en cuenta que el componente depende de moment.js cuando se usa de esta manera. El autor declaró varias veces que también está trabajando para eliminar esta dependencia.