Javascript 如何通过npm在laravel 6上安装chartjs

我想问一下如何安装和集成chartjs@2.9.4用我的laravel应用程序

我现在使用cdn链接，但以后它不会是我以后的选择

使用的cdn链接：

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"</script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chartjs-chart-treemap@0.2.3"></script>

在webpack.mix.js中添加此行：

然后从命令行运行此命令：

在要在其上显示图表的刀片中：

安装软件包：

npm install chart.js

创建一个名为

/resources/js/mychart.js

的文件：

从“Chart.js/auto”导入图表；
设ctx=document.getElementById（'myChart'）.getContext（'2d'）；
让myChart=新图表（ctx{
// ...
});

在

/resources/js/app.js

中，在顶部添加以下内容：

import './mychart.js';

现在运行构建，将JavaScript编译成一个文件

npm run dev

Laravel Mix已经有一行代码用于编译app.js文件

现在，每当您引用

/public/js/app.js

，您的图表也将包含在其中

---

如果需要单独的文件，请将

webpack.mix.js

文件更改为：

mix.js（'/resources/js/chart.js'，public/js'）；

---

请记住从

/resources/js/app.js

文件的导入中删除它。

您尝试的方法有什么问题？有错误吗？为了正确回答这个问题，我们必须更多地了解您的环境。我认为这在很大程度上取决于前端构建过程。

<script src="{{ asset('chart.js/chart.js') }}"></script>

npm install chart.js

import './mychart.js';

npm run dev