Laravel 11 配置 Ag-Grid Enterprise 和 Ag-Charts Enterprise 时遭遇"agGrid is not defined"错误的求助

我手里有Ag-Grid和Ag-Charts的试用许可证，正在尝试在Laravel 11里正确配置安装它们，但遇到了问题，想请大家帮忙看看哪里出错了。

我已经按下面的步骤操作了：

• 首先在package.json里添加了依赖，内容如下：

"dependencies": {
    "ag-charts-enterprise": "^11.0.4",
    "ag-grid-community": "^33.0.4",
    "ag-grid-enterprise": "^33.0.4"
}

• 接着执行了命令：npm install

• 安装完成后，我修改了resources/js/app.js文件，内容如下：

import 'ag-grid-enterprise';
import 'ag-charts-enterprise';
import 'ag-grid-community/styles/ag-grid.css';
import 'ag-grid-community/styles/ag-theme-quartz.css';

import { LicenseManager } from 'ag-grid-enterprise';
LicenseManager.setLicenseKey("my_trial_license_code");

import * as agGrid from 'ag-grid-community';
window.agGrid = agGrid;

• 然后执行npm run build来构建JS和CSS文件

• 之后我创建了对应的路由和Blade视图文件，但在测试的时候，控制台抛出了Uncaught ReferenceError: agGrid is not defined的错误

这是我的Blade文件内容：

<html lang="en">
<head>
    @vite(['resources/js/app.js', 'resources/css/app.css'])
</head>
<body>

<div id="myGrid" style="height: 500px"></div>

<script>
    let gridApi;

    // Grid Options: Contains all of the grid configurations
    const gridOptions = {
        // Data to be displayed
        rowData: [
            { make: "Tesla", model: "Model Y", price: 64950, electric: true },
            { make: "Ford", model: "F-Series", price: 33850, electric: false },
            { make: "Toyota", model: "Corolla", price: 29600, electric: false },
            { make: "Mercedes", model: "EQA", price: 48890, electric: true },
            { make: "Fiat", model: "500", price: 15774, electric: false },
            { make: "Nissan", model: "Juke", price: 20675, electric: false },
        ],
        // Columns to be displayed (Should match rowData properties)
        columnDefs: [
            { field: "make" },
            { field: "model" },
            { field: "price" },
            { field: "electric" },
        ],
        defaultColDef: {
            flex: 1,
        },
    };
    // Create Grid: Create new grid within the #myGrid div, using the Grid Options object
    gridApi = agGrid.createGrid(document.querySelector("#myGrid"), gridOptions);
</script>
</body>
</html>

麻烦大家帮我看看哪里出问题了，提前谢谢大家！

备注：内容来源于stack exchange，提问作者Vito Andolini