Ich benutze Chart.js (neue Version) als:
<script src="~/Plugin/Chart.js/src/chart.js"></script>
Aber wenn ich eine Demo in Chrome erhalte, bekomme ich einen Fehler:
chart.js:4 Uncaught ReferenceError: require is not defined
ziehen Sie stattdessen das Bundle in Ihrem Code. Z. B. ~ Plugin/Chart.js/dist/Chart.bundle.js
Verwenden Sie das auf dieser Seite gefundene Chart.bundle.min.js-Bundle: https://cdnjs.com/libraries/Chart.js
https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.min.js
Für die Angular CLI-Benutzer -> Dieses Skript muss nicht in der Datei angle-cli.json hinzugefügt werden, da angle-cli die ng2-charts lib (und andere von node_modules) packen und automatisch in Ihre index.html aufnehmen soll.
Ich hatte das gleiche Problem nach der Installation mit Bower.
Die in https://github.com/jtblin/angular-chart.js/issues/466 vorgeschlagene Lösung bestand darin, bestimmte Versionen von chart.js und angle-chart.js (getestet mit Winkel 1.4.0) zu erhalten )
Wenn Sie Bower verwenden, versuchen Sie dies in Ihrer Bower.json
"chart.js": "npm:chart.js#2.1.0",
"angular-chart.js": "1.0.1"
und dann ausführen: bower install
Wenn npm: chart.js für Sie nicht funktioniert, müssen Sie einen Resolver verwenden.
1- Zu Ihrer .bowerrc hinzufügen:
{
"resolvers": [
"bower-npm-resolver"
]
}
2- Installieren Sie bower-npm-resolver
npm install -g bower-npm-resolver
3- Führen Sie bower install
erneut aus
Fügen Sie zunächst die require.js
-Datei ein, und verwenden Sie dann RequireJS. Sie können hier herunterladen.