未捕获的ReferenceError:未定义图表

时间:2017-03-29 15:24:34

标签: javascript php laravel npm chart.js

我在chart.js中使用npm 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中声明并且不能参考它?
提前谢谢。

2 个答案:

答案 0 :(得分:0)

如果你查看app.js,它是否包含在一个函数中?尽管存在于app.js中,但听起来它并不是全局命名空间的一部分。

答案 1 :(得分:0)

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