Question

我有一个默认的laravel 5.6项目。在assets/js/bootstrap.js中有一个assets/js/app.js被称为主要js文件：

require('./bootstrap');

我需要添加日期选择器，因此在bootstrap.js中添加了以下代码：

require('@chenfengyuan/datepicker');

我也有assets/js/footer.js用于启动日期选择器：

$('[data-toggle="datepicker"]').datepicker();

首先在网页上加载app.js，然后加载footer.js。

一切正常，但是我的目标是将require('@chenfengyuan/datepicker');从footer.js移到bootstrap.js，但是当我将footer.js更新为：

require('@chenfengyuan/datepicker');

$('[data-toggle="datepicker"]').datepicker();

我收到错误Uncaught TypeError: $(...).datepicker is not a function。我的webpack.mix.js：

mix.setPublicPath('public_html/build')
  .setResourceRoot('/build/')
  .js('resources/assets/js/app.js', 'js')
  .js('resources/assets/js/footer.js', 'js')
  .sass('resources/assets/sass/app.scss', 'css')
  .version();

有人可以解释为什么我在footer.js或bootstrap.js中不需要日期选择器吗？

包括JavaScript程序包

0 个答案: