未捕获的 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，我们可以使用图表而没有任何问题