من با ویت هندل کردم پروژه رو 

سی دی ان‌ها رو هم اضافه کردم . خط کد زیر رو توی هدر زدم

    @vite(['resources/assets/css/app.css', 'resources/assets/js/app.js'])
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/3.27.3/apexcharts.min.css"
        integrity="sha512-Tv+8HvG00Few62pkPxSs1WVfPf9Hft4U1nMD6WxLxJzlY/SLhfUPFPP6rovEmo4zBgwxMsArU6EkF11fLKT8IQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

سی دی ان جاوا رو هم گذاشتم توی فوتر

<!-- Back to top -->
<div class="back-top"><i class="bi bi-arrow-up-short"></i></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/apexcharts/3.27.3/apexcharts.min.js"
    integrity="sha512-nKTh1Ik8Kzbrxo9A6xOBtEbzdNYcjI4Pr5XE88sNJQk87sY8mBlUfh61lYm0i710r5mGcIZ9tWSwORQbQ4plQQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>

توی بوت استرپ فایل‌های assets

import axios from 'axios';
window.axios = axios;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
// Bootstrap JS
import '../vendor/bootstrap/dist/js/bootstrap.bundle.min.js';
import './functions.js';
// Dashboard
import '../vendor/overlay-scrollbar/js/OverlayScrollbars.min.js';
// **
import.meta.glob([
    '../images/*.{jpg,jpeg,png,svg}',
    '../images/**/*.{jpg,jpeg,png,svg}',
    '../images/**/**/*.{jpg,jpeg,png,svg}',
    '../images/**/**/**/*.{jpg,jpeg,png,svg}',
  ]);

اما نمودار‌ها همچنان کار نمیکنه .