如何在Laravel中安装Chart.js？
我想在我的Laravel项目中安装Chart.js。使用npm，Webpack的配置，并通过一些Chart.js示例查看我的索引页面。在我的第一次尝试中，我在浏览器中得到了这个错误。也许我没有正确配置webpack？
Uncaught :图表未在(索引)：134处定义
因此，我复制并粘贴了我在Chart.js文档集成中发现的这个要求。
require(['path/to/chartjs/dist/Chart.min.js'], function(Chart){
var myChart = new Chart(ctx, {...});
});我在npm run dev上发现了这个错误。
./
/js/app.js模块构建失败(来自./node_node/babel-加载程序/lib/index.js)：SyntaxError: /home/sa/laravelproject/resources/js/app.js:意外令牌(37:37)
35区/ 36区要求(‘path/to/chartjs/dist/chart.min.js’，函数(图表){
37 \ var myChart =新图表(ctx，{.})；\x}^ 38 }；
回答 4
Stack Overflow用户
发布于 2021-04-23 16:10:48
从命令行运行此命令行：
npm install chart.js在webpack.mix.js中添加这一行：
mix.copy('node_modules/chart.js/dist/chart.js', 'public/chart.js/chart.js');然后从命令行运行以下命令：
npm run dev在刀刃上你想要的图表：
<script src="{{ asset('chart.js/chart.js') }}"></script>
<canvas id="myChart" width="500" height="200"></canvas>
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
...
}
</script>Stack Overflow用户
发布于 2021-07-21 13:48:51
可以在Chart中注册一个全局app.js变量，如下所示：
// Chart JS
import Chart from 'chart.js/auto';
window.Chart = Chart;然后，您可以在视图中使用它，或者在new Chart(....)的其他JS文件中使用它。
Stack Overflow用户
发布于 2020-08-17 10:47:02
我有点问题。
首先，我不能通过NPM把图书馆带来。我安装了它，然后执行"npm“。但是当我在应用程序中调用它时，它会说
1:2573 Uncaught ReferenceError: Chart is not defined
at 1:2573如果我从CDN中调用它，它会与某个VUE或Bootstrap冲突。因为它不管用。不过，我从app.blade.php中删除了“延迟”字：
<script src="{{ asset('js/app.js') }}" defer></script>但同样，只有通过CDN调用Charts.Js。不能从国家预防机制带来。
希望有人也有同样的问题。谢谢。埃尔南。
https://stackoverflow.com/questions/60120928
复制相似问题
腾讯云开发者
