我正在尋求有關 Vite 錯誤的幫助。嘗試使用 Vite 將 ApexCharts 匯入新的 Laravel 應用程式。
ApexCharts 安裝檔案中的以下步驟：https ://apexcharts.com/docs/installation/
NPM 安裝成功。我已將匯入添加到我的 app.js 檔案中：
import ApexCharts from 'apexcharts';
使用 npm run dev 運行 Vite 服務端。我沒有收到任何錯誤。
我正在嘗試加載精簡的刀片檔案以進行故障排除：
@vite(['resources/js/app.js']);
<div id="test"></div>
<script type="module">
var options = {
chart: {
type: 'line'
},
series: [{
name: 'sales',
data: [30,40,35,50,49,60,70,91,125]
}],
xaxis: {
categories: [1991,1992,1993,1994,1995,1996,1997, 1998,1999]
}
}
var chart = new ApexCharts(document.getElementById('test'), options);
chart.render();
</script>
我得到錯誤：
(index):19 Uncaught ReferenceError: ApexCharts is not defined
at (index):19:17
我嘗試運行 npm run build 并且 ApexCharts 匯入在構建資產中。
我在想這可能是加載順序問題，但即使我在頁面完成加載后嘗試創建新的 ApexCharts，我也會收到未捕獲的參考錯誤。
任何幫助將不勝感激！！！！！
uj5u.com熱心網友回復：
import ApexCharts from 'apexcharts';
window.ApexCharts = ApexCharts; // return apex chart
基于apexcharts.js為了匯入它，您需要首先為其定義變數，并且您需要通過暴露它window.ApexCharts以便在 webpack 包之外使用它
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/525595.html
標籤：拉拉维尔维特
上一篇：如何在laravel中將變數從一個刀片傳遞到另一個刀片
下一篇：Laravel驗證規則