J'essaie d'utiliser AG-Grid BU le résultat n'est pas correct, je ne sais pas quel est le problème Ceci est mon code HTML
@import "~ag-grid-community/dist/styles/ag-grid.css"; @import "~ag-grid-community/dist/styles/ag-theme-balham.css";
3 Réponses :
Bonjour, essayez ceci, je pense que votre chemin d'importation CSS n'est pas correct.
@import "~@ag-grid-community/core/dist/styles/ag-grid.css"; @import "~@ag-grid-community/core/dist/styles/ag-theme-fresh/sass/ag-theme-fresh.css";
non, ce n'est pas le problème que j'ai fait cela et j'ai eu une erreur
Je n'ai aucune expérience antérieure avec AG-Grid, mais il semble être directement copié de leur Stackblitz Exemple qui semble fonctionner. Puisque les choses que vous avez montrées nous ressemblent (à côté d'eux en utilisant .scss et que vous avez des styles .CSS), je regarderais dans d'autres endroits:
Si cela ne semble pas fonctionner correctement pour vous, vérifiez que vous avez la même version des deux Essayez de naviguer sur le chemin à partir de laquelle vous servez les fichiers de réseau NG-Grid .CSS et assurez-vous qu'ils sont physiquement là.
Assurez-vous qu'il n'y a pas d'erreur jeté dans la console lorsque vous chargez l'application.
Assurez-vous qu'il n'y a pas d'erreur dans la console CLI angulaire lorsqu'elle reconstruit l'application. AG-Grid-angular et AG-GRID-Community IN votre fichier `package.json ''. Peut-être réexécuter NPM installer pour vous assurer que les deux paquets sont en réalité installés.
Essayez de reproduire le problème sur Stackblitz alors. Si cela échoue, appuyez sur le projet complet dans le référentiel Git public et laissez les autres courir à l'intérieur localement afin qu'ils puissent essayer de le comprendre.
Tout va bien, sauf qu'il semble que vous utilisiez les importations destinées aux fichiers SCSS dans styles.css
Vous devez ajouter les lignes suivantes si vous utilisez SCSS dans styles.SSS: P>
<link rel="stylesheet" type="text/css" href="/node_modules/ag-grid-community/dist/styles/ag-grid.css" /> <link rel="stylesheet" type="text/css" href="/node_modules/ag-grid-community/dist/styles/ag-theme-balham.css" />