Number 1
public $js = [
'dist/js/bootstrap-4.6.2-dist/js/bootstrap.bundle.min.js',
'dist/plugins/sweetalert2/sweetalert2.all.js',
'dist/js/plugins/loaders/pace.min.js',
'dist/js/custom/popper.min.js',
"dist/js/scripts.bundle.js",
"dist/js/clock.js",
"dist/js/custom.js",
];
use backend\assets\AppAsset;
AppAsset::register($this);
Number 2
use yii\bootstrap4\Modal;
use yii\bootstrap4\ActiveForm;
Number 3
$this->registerJsFile('@web/dist/js/custom/bootstrap-notify.min.js', ['depends' => [\yii\web\JqueryAsset::className()]]);
$this->registerJsFile('@web/dist/js/custom/jquery.number.js', ['depends' => [\yii\web\JqueryAsset::className()]]);
I discovered the issue when yii2 renders a JS syntax file above. When the page is rendered, the sequence will be like this
Number 3
Number 2
Number 1
\
and it looks like the bootstap bundle should be positioned below jquery and they should be minimized to speed up page loading
/backend/assets/5f2ef735/js/bootstrap.bundle.js
thank you