L'application se charge correctement avec @maihannijat c'est une bibliothèque, pas une application angulaire. Nous utilisons ng serve
commande pour exécuter une application qui héberge un environnement de développement pour la bibliothèque.
La bibliothèque peut être construite en utilisant le ng build habituel angular-gauge-chart
commande. J'ai importé le module: Et utilisé dans le modèle de composant: I fait exactement leur guide dit ici:
https://github.com/recogizer/angular-gauge-chart p > J'ai essayé d'importer la bibliothèque dans le composant en tant que: Et supprimé des modules mais cela génère des erreurs de liaison et demande Modifier: Déboguer avec: Erreur: Jeton inattendu: punc ())
[./node_modules/gauge-chart/dist/bundle.js:169,0] ng serve mais lance jeton inattendu: punc ()) lors de la construction avec ng build --prod . Construisez l'application avec la carte source et trouvez la raison qui est causée par angular-gauge-chart a >. J'ai demandé de l'aide aux développeurs de la bibliothèque et voici ce qu'ils ont dit:
.attr(
'transform',
'translate(' + (n + 2 * e) + ', ' + (n + e) + ')',
)
ng build --prod --named-chunks --verbose --build-optimizer=false --source-map
import 'angular-gauge-chart';
GaugeChartModule à intégrer dans les modules. <rg-gauge-chart [canvasWidth]="canvasWidth"
[needleValue]="needleValue"
[centralLabel]="centralLabel"
[options]="options"
[name]="name"
[bottomLabel]="bottomLabel">
</rg-gauge-chart>
@NgModule({
declarations: [XYZ],
imports: [
...
GaugeChartModule,
]
})
3 Réponses :
La version 0.7.1 renvoie une erreur à cause des virgules de fin. J'utilise la version 0.6.0 maintenant jusqu'à ce que les développeurs résolvent le problème dans la nouvelle version.
Référence: https://github.com/recogizer/angular-gauge -chart / issues / 28
importer * comme angularGaugeChart à partir de 'angular-gauge-chart';
S'il vous plaît, ne répondez jamais si vous n'avez pas lu attentivement la question. La question est beaucoup plus profonde et bien décrite que la réponse que vous suggérez.
C'est corrigé dans angular-gauge-chart@0.7.2 . Merci encore de l'avoir signalé.
Pour ceux qui seront confrontés au même problème, cette réponse m'a aidé à trouver le problème. Dans mon cas, le problème était dans l'une des dépendances qui n'avaient pas le fichier bundle.js approprié. Mon plus joli a été configuré de manière à mettre en forme le bundle déjà construit. Ainsi, certaines virgules et autres informations importantes ont été perdues.