未捕獲的ReferenceError：未定義圖表

Question

我已經通過以下chart.js使用npm npm install chart.js --save-dev ： npm install chart.js --save-dev ，在"resources/assets/js/bootstrap.js" npm install chart.js --save-dev "resources/assets/js/bootstrap.js"
我通過以下方式引用它： require('chart.js');
然后在控制台npm run dev ，最后在"public/js/app.js"成功編譯，但是當我嘗試在視圖中使用它時，如下所示

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

瀏覽器返回

未捕獲ReferenceError：未定義圖表。

它為什么在app.js聲明而不能引用它？
提前致謝。

Answer 1

如果您查看app.js，它是否包裝在函數中？ 聽起來盡管它存在於app.js中，但它似乎不是全局名稱空間的一部分。

Answer 2

如果您使用的是es6，則可能需要更改所需的方式。

來自文檔： 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({...})
})