Uncaught Reference: Chart ist nicht definiert

Question

Ich habe chart.js installiert mit npm von: npm install chart.js --save-dev, in "resources/assets/js/bootstrap.js"
ich darauf verweisen von: require('chart.js');
Dann in meiner Konsole npm run dev und schließlich ist es erfolgreich in "public/js/app.js" zusammengestellt, aber wenn ich versuche, es in meiner Ansicht zu verwenden, wie

<script src="/js/app.js"></script><script> 
var ctx = document.getElementById("myChart"); 
var myChart = new Chart(ctx, { 
......... </script> 

folgen sie den Browser zurückgibt

Uncaught ReferenceError: Chart is not defined.

Wie ist es in app.js deklariert und kann nicht darauf verweisen?
Vielen Dank im Voraus.

Answer 1

Wenn Sie in app.js suchen, ist es in einer Funktion verpackt? Es klingt, als wäre es nicht Teil des globalen Namensraums, obwohl er in app.js vorhanden ist.

Answer 2

Wenn Sie es6 verwenden, müssen Sie möglicherweise die Art ändern, wie Sie es benötigen.

aus der Dokumentation: http://www.chartjs.org/docs/

// Using CommonJS 
var Chart = require('chart.js') 
var myChart = new Chart({...}) 

// ES6 
import Chart from 'chart.js' 
let myChart = new Chart({...}) 

// Using requirejs 
require(['path/to/Chartjs'], function(Chart){ 
var myChart = new Chart({...}) 
})