javascript - 为什么我在使用 Laravel 时会遇到未定义的 JS？

Question

我正在使用 Laravel 并在我的 bootstrap.js 中我有的文件

window.ProgressBar = require('progressbar.js');

然后我需要 bootstrap.js文件写入app.js

require('./bootstrap');

我使用webpack.mix.js编译它

mix.js('resources/assets/js/app.js', 'public/js')

如果我尝试访问app.js内的progressbar.js它工作完美。

但是，如果我尝试在 app.js 之外使用它在脚本标签之后 app.js在我的页面上，ProgressBar是 undefined .

如何访问ProgressBar在我的app.js之外但保持通过 app.js 导入？

index.blade.php 上的示例

<script src="app.js" defer></script>
<script>
  const progress = new ProgressBar; //undefined...
</script>

Answer 1

我在脚本标记上设置了 defer，但由于某种原因导致它无法工作。

解决方案:

<script src="app.js" defer></script>

更改为

<script src="app.js"></script>