Uncaught Reference: require ist nicht definiert - Chart.js

Question

Ich benutze Chart.js (neue Version) als:

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

Aber wenn ich in Chrom-Demo, erhalte ich einen Fehler:

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

Image

Answer 1

In Ihrem Code, ziehen Sie stattdessen das Bundle. Beispiel:

Answer 2

Geben Sie zuerst die Datei require.js ein und verwenden Sie dann RequireJS. Sie können here herunterladen.

Answer 3

Ich hatte das gleiche Problem nach der Installation mit Bower.

Die Lösung wie in https://github.com/jtblin/angular-chart.js/issues/466 vorgeschlagen wurde, um bestimmte Versionen von chart.js und Winkel chart.js (getestet mit Winkel 1.4.0)

Wenn Sie Bower, versuchen Sie dies in Ihrem bower.json

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

und dann laufen: bower install

---

Wenn npm: chart.js ist nicht für Sie arbeiten, müssen Sie einen Resolver verwenden.

1- auf Ihre .bowerrc hinzufügen:

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

2- Installieren Lauben npm-Resolver

npm install -g bower-npm-resolver 

3- Jetzt bower install wieder

Answer 4

Verwenden Chart.bundle.min laufen .js Bündel gefunden auf dieser Seite: https://cdnjs.com/libraries/Chart.js

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

Answer 5

Für Angular CLI-Benutzer -> Dieses Skript muss nicht in der Datei angular-cli.json hinzugefügt werden, da angle-cli ng2-charts lib (und andere von node_modules) packen und automatisch zu Ihrem Index hinzufügen soll. html.

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