未捕獲的 ReferenceError：Laravel mix 中未定義圖表

Question

我在 boostrap.js 中的 Laravel mix 中使用了chart.js

 import Chart from 'chart.js/auto';

在我的刀片模板中

var myChart = window.chart(
        $('#chart'),
        config,
    );

但總是得到 Uncaught ReferenceError: Chart is not defined

Answer 1

答案就在那里

如何在 Laravel 中安裝 Chart.js？ （“未捕獲的引用錯誤：圖表未定義”）

很簡單，我們需要在新的 js 文件中聲明 Chert in 文件。

創建資源/js/loadbefore.js

require('chart.js/dist/chart.js');

在我們的 webpack.mix.js 中

.js('resources/js/loadbefore.js', 'public/js')

執行npm run dev

之后，在我們的 Blade 模板中，我們在頭部部分調用 loadbefore.js，我們可以使用圖表而沒有任何問題