web-dev-qa-db-de.com

Nicht gefundener ReferenceError: required ist nicht definiert - Chart.js

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

Bild

12
Ken.N

ziehen Sie stattdessen das Bundle in Ihrem Code. Z. B. ~ Plugin/Chart.js/dist/Chart.bundle.js

45
derp

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

6
James

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.

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

3

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

0
rafahoro

Fügen Sie zunächst die require.js-Datei ein, und verwenden Sie dann RequireJS. Sie können hier herunterladen. 

0
scsiva1991