1

我正在使用 Laravel 应用程序和 Laravel Mix 进行资产构建。

我今晚尝试使用 Glide.js，并在通过 npm 安装 glide.js 后执行了以下操作。

在我的resources/js/app.js文件中，我有以下内容：

require('./bootstrap');

import Glide from '@glidejs/glide'
new Glide('.glide').mount();

我webpack.mix.js的文件由 Laravel Mix 编译，如下所示：

mix.copyDirectory('resources/img', 'public/img')
    .js('resources/js/app.js', 'public/js')
    .version();

当我现在加载前端时，我的滑块不起作用 - 它会引发 JS 错误：[Glide warn]: Root element must be a existing Html node

当我从以下位置更改脚本标签时：

<script src="{{ mix src='js/app.js' }}"></script>

至

<script src="{{ mix src='js/app.js' }}" type="module"></script>

它有效——但这真的有必要吗？我从来没有读过type=module与混合的结合。一旦主 js 有“import”语句，这是否总是必要的？

4

0 回答 0