javascript - Uncaught ReferenceError : Chart is not defined

Question

我已经使用 npm 安装了 chart.js:npm install Chart.js --save-dev，位于 "resources/assets/js/bootstrap.js"
我通过以下方式引用它:require('chart.js');
然后在我的控制台中 npm run dev ，最后它在 "public/js/app.js" 中成功编译，但是当我尝试在我的 View 中使用它时，如下所示

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

浏览器返回

Uncaught ReferenceError: Chart is not defined.

为什么它在 app.js 中声明并且无法引用它？
提前致谢。

Answer 1

如果您使用的是 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({...})
})