javascript - Laravel:通过 min.js 文件 "Uncaught ReferenceError: HelloWeek is not defined"包含 javascript 代码

Question

我想将出色的“helloweek”javascript 代码包含到我的 Laravel 项目中。为了添加此内容，我将 helloweek.min.js 文件放入项目的 /public/js 文件夹中。我对 css 文件 (helloweek.min.css) 做了同样的事情，它位于 /public/css 文件夹中。

文件包含如下:

<link href="{{ asset('css/helloweek.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/helloweek.min.js') }}" defer></script>
<script type="text/javascript">        
const myCalendar = new HelloWeek({
    selector: '.hello-week',
    lang: 'en',
    langFolder: '{{ url('/') }}/assets/lang/',
    format: 'YYYY-MM-DD',
    weekShort: true,
    monthShort: false,
    multiplePick: false,
    defaultDate: false,
    todayHighlight: true,
    disablePastDays: true,
    disabledDaysOfWeek: false,
    disableDates: false,
    weekStart: 1,
    daysHighlight: false,
    range: false,
    minDate: false,
    maxDate: false,
    nav: ['◀', '▶'],
    onLoad: () => { /** callback function */ },
    onChange: () => { /** callback function */ },
    onSelect: () => { /** callback function */ },
    onClear: () => { /** callback function */ }
});</script>

我可以使用“http://homestead.test/js/helloweek.min.js”和“http://homestead.test/css/helloweek.min.css”访问我的两个文件，并且我看到它们也通过浏览器控制台包含在我的网页中。

但是我在控制台中收到以下错误:home:97 Uncaught ReferenceError: HelloWeek is not Define at home:97

据我所知，这应该意味着它无法找到该库，但(根据我非常有限的 Laravel 知识)它似乎已正确包含在内。

有人有办法解决这个问题吗？提前致谢!

Answer 1

HelloWeek未定义，因为 defer在<script src="{{ asset('js/helloweek.min.js') }}" defer></script> 。

Defer使脚本在页面完成解析后稍后加载。

自 helloweek.min.js仍然没有执行，HelloWeek尚未定义。