web-dev-qa-db-fra.com

Uncaught ReferenceError: require n'est pas défini - Chart.js

J'utilise Chart.js (nouvelle version) en tant que:

<script src="~/Plugin/Chart.js/src/chart.js"></script>

Mais quand je démo en chrome, je reçois une erreur: 

chart.js:4 Uncaught ReferenceError: require is not defined

Image

javascriptjqueryjquery-pluginschart.js
12
Ken.N

dans votre code, tirez le paquet à la place. E.g ~/Plugin/Chart.js/dist/Chart.bundle.js

45
derp

Utilisez le bundle Chart.bundle.min.js présent sur cette page: https://cdnjs.com/libraries/Chart.js

https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.min.js

6
James

Pour les utilisateurs de la CLI angulaire -> Inutile d'ajouter ce script dans le fichier angular-cli.json, car angular-cli doit contenir ng2-charts lib (et autre de node_modules) et l'ajouter automatiquement à votre index.html.

https://github.com/valor-software/ng2-charts/issues/832

3
himanshupareek66

J'ai eu le même problème après l'installation avec Bower. 

La solution proposée dans https://github.com/jtblin/angular-chart.js/issues/466 consistait à obtenir des versions spécifiques de chart.js et angular-chart.js (testé avec Angular 1.4.0). )

Si vous utilisez Bower, essayez ceci dans votre bower.json

"chart.js": "npm:chart.js#2.1.0",
"angular-chart.js": "1.0.1"

puis exécutez: bower install

Si npm: chart.js ne fonctionne pas pour vous, vous devez utiliser un résolveur.

1- Ajouter à votre .bowerrc:

{
  "resolvers": [
    "bower-npm-resolver"
  ]
}

2- Installez bower-npm-resolver

npm install -g bower-npm-resolver

3- Maintenant relancez bower install

0
rafahoro

Commencez par inclure le fichier require.js, puis utilisez RequireJS. Vous pouvez télécharger ici . 

0
scsiva1991