javascript - update - Yii2 BootstrapAsset no está cargando bootstrap.js

yii2 bootstrap 4

Question

yii/bootstrap/BootstrapAsset no carga bootstrap.js , y elementos como "modal" y otros no funcionan.

class AppAsset extends AssetBundle {
public $basePath = ''@webroot'';
public $baseUrl = ''@web'';
public $css = [
/* theme */
''css/site.css'',
/* jasny bootstrap */
''public/jasny/css/jasny-bootstrap.min.css'',
/* font awesome */
''public/font-awesome-430/css/font-awesome.min.css'',
/* font roboto */
''public/fonts/roboto/roboto.css'',
/* Data Tables */
''public/datatables/extensions/integration/bootstrap/3/dataTables.bootstrap.css'',
];
public $js = [
/* jasny bootstrap */
''public/jasny/js/jasny-bootstrap.min.js'',
/* Data Tables */
''public/datatables/datajs.js'',
''public/datatables/media/js/jquery.dataTables.min.js'',
''public/datatables/extensions/integration/bootstrap/3/dataTables.bootstrap.js'',
];
public $depends = [
''yii/web/YiiAsset'',
''yii/bootstrap/BootstrapAsset'',
];
}

Here hay una pantalla de bibliotecas, bootstrap.js falta allí.

Answer 1

Puede hacer esto en el archivo de configuración principal ( config/web.php ):

''components'' => [
''assetManager'' => [
''bundles'' => [
''yii/bootstrap/BootstrapAsset'' => [
''js'' => [''js/bootstrap.js''],
],
],
],
],

Answer 2

Puedes probar esto en AppAsset.php

class AppAsset extends AssetBundle{
public $basePath = ''@webroot'';
public $baseUrl = ''@web'';
public $css = [
''css/mystyle.css'',
];
public $js = [
];
public $depends = [
''yii/web/YiiAsset'',
''yii/bootstrap/BootstrapPluginAsset'',
];
}

y también cambia en tu config / main.php

''components'' => [
''assetManager'' => [
''bundles'' => [
''yii/bootstrap/BootstrapAsset'' => [
''js'' => [''js/bootstrap.min.js''],
],
],
],
],

He intentado estos pasos que resolverán mi problema eso es todo para su comentario

Answer 3

Puedes probarlo:

class AppAsset extends AssetBundle{
public $basePath = ''@webroot'';
public $baseUrl = ''@web'';
public $css = [
''css/mystyle.css'',
];
public $js = [
];
public $depends = [
''yii/web/YiiAsset'',
''yii/bootstrap/BootstrapPluginAsset'',
];
}

Answer 4

Si observa el contenido del paquete BootstrapAsset , verá que no hay bootstrap.js :

class BootstrapAsset extends AssetBundle
{
public $sourcePath = ''@bower/bootstrap/dist'';
public $css = [
''css/bootstrap.css'',
];
}

Para bootstrap.js existe otro paquete de activos y se llama BootstrapPluginAsset :

class BootstrapPluginAsset extends AssetBundle
{
public $sourcePath = ''@bower/bootstrap/dist'';
public $js = [
''js/bootstrap.js'',
];
public $depends = [
''yii/web/JqueryAsset'',
''yii/bootstrap/BootstrapAsset'',
];
}

El nombre de clase completo con espacio de nombre es: yii/bootstrap/BootstrapPluginAsset .

Se incluye automáticamente cuando utiliza widgets bootstrap dependientes de js como yii/bootstrap/Modal , etc.

Answer 5

cuando agrega dependencia

 public $depends = [
''yii/bootstrap/BootstrapAsset'',
];

es solo agregar bootstrap css

mientras agregas

 public $depends = [
''yii/bootstrap/BootstrapPluginAsset'',
];

su agregar bootstrap css, así como js