我正在试用Laravel 9和Vite，但是没有（！）一个前端框架（像Vue或者React）。我正在尝试制作一个可重用的js模块，我可以在不同的Blade模板中使用/加载。
所以我在“*resources/js/components/utilities *”中创建了一个文件“menu-btn-toggle.js”。

export class MenuBtnToggle
{
    constructor() {
        console.log('MenuBtnToggle');
    }
}

然后我在“*resources/js/components *”中创建了一个“utilities.js”文件。

import './utilities/menu-btn-toggle';

然后我更新了“resources/js”中的“app.js”文件

import './bootstrap';
import './components/utilities';

import Alpine from 'alpinejs';

window.Alpine = Alpine;

Alpine.start();

到目前为止，这似乎是工作（？）。至少，我认为是这样。维特是没有给我任何错误，到目前为止（耶！）
但我尝试在刀片模板中导入该模块，但无法使其工作。因此，我在刀片模板的底部添加了以下内容：

<script type="module">
    import MenuBtnToggle from 'menu-btn-toggle';

    new MenuBtnToggle();
</script>

但这给了我以下错误：
未捕获的类型错误：解析模块说明符“menu-btn-toggle”时出错。相对模块说明符必须以.“/"、..”/”或“/"开头。
但当我添加其中一个示例时，错误变为：
从“[local_dev_url]/menu-btn-toggle”加载模块被阻止，因为MIME类型（“text/html”）不被允许。
因为它找不到这个模块。它返回一个404。
有没有可能在没有前端框架的情况下做我想要的事情？或者我没有看到一些明显的东西？我有使用php的经验，不幸的是没有（足够的）使用Laravel和Vite。