时间戳

首页 > 解决方案 > 如何使用 Chart consoletvs/charts:7.* 在 Laravel 8 中解决此错误“Uncaught SyntaxError: Cannot use import statement outside a module”？

javascript - 如何使用 Chart consoletvs/charts:7.* 在 Laravel 8 中解决此错误“Uncaught SyntaxError: Cannot use import statement outside a module”？

问题描述

我已遵循 [https://chartisan.dev/documentationip top1] 中的所有步骤。使用 CDN 链接一切正常，我可以加载任何图表。

<script src="https://unpkg.com/chart.js@2.9.3/dist/Chart.min.js"></script>
<script src="https://unpkg.com/@chartisan/chartjs@^2.1.0/dist/chartisan_chartjs.umd.js"></script>

但是我不会使用 CDN 链接，所以我删除了上面的这两行并使用npm install chart.js@chartisan/chartjs安装了前端适配器，以便能够在没有 CDN 的情况下使用图表，这是我下面的代码

 <div id="chart" style="height: 300px;"></div>

<script>
    import { Chartisan, ChartisanHooks } from '@chartisan/chartjs'//This is the problem
    const chart = new Chartisan({
          el: '#chart',
          url: "@chart('sample_chart')",
          hooks: new ChartisanHooks()
          .beginAtZero()
          .colors()
          .datasets('doughnut')
          });
  </script>

当我运行时出现此错误：

Uncaught SyntaxError: Cannot use import statement outside a module

标签： javascriptlaravellaravel-bladelaravel-testinglaravel-charts

解决方案

您需要将它们导入app.js不在视图中。

推荐阅读