Yii2使用Dialog组件报错：vendor/bower/bootstrap3-dialog目录不存在

我来帮你一步步排查解决这个头疼的问题：

核心原因分析 #

当你设置useNative=false时，Yii2-Dialog会尝试加载第三方的Bootstrap3 Dialog库来渲染自定义弹窗，但你的项目里要么没安装这个依赖包，要么资产发布的路径配置出了问题，导致组件找不到对应的文件。而useNative=true时，组件直接调用浏览器原生的confirm弹窗，不需要依赖第三方库，所以能正常运行，但这完全没用到组件提供的增强弹窗功能。

具体解决方案 #

1. 确认依赖包已正确安装 #

首先检查你的项目是否安装了bootstrap3-dialog这个bower包：

• 打开项目根目录的composer.json，查看require部分是否有bower-asset/bootstrap3-dialog。
• 如果没有，执行以下命令安装：

  composer require bower-asset/bootstrap3-dialog
  

  注意：如果你的项目用了Yii2默认推荐的Asset Packagist，要确保composer.json的repositories配置里包含了Asset Packagist的地址，否则可能无法正常安装bower包。

2. 自定义资产类修正路径 #

如果安装后还是报错，大概率是组件默认的DialogBootstrapAsset指向的路径不对，你可以自定义一个资产类来修正：
创建app/assets/CustomDialogBootstrapAsset.php文件，内容如下：

namespace app\assets;
use yii\web\AssetBundle;

class CustomDialogBootstrapAsset extends AssetBundle
{
    // 填写bootstrap3-dialog实际的dist目录路径
    public $sourcePath = '@vendor/bower/bootstrap3-dialog/dist';
    public $js = [
        'js/bootstrap-dialog.min.js',
    ];
    public $css = [
        'css/bootstrap-dialog.min.css',
    ];
    public $depends = [
        'yii\bootstrap\BootstrapAsset',
    ];
}

然后在调用Dialog组件时，指定这个自定义资产类：

echo Dialog::widget([
    'libName' => 'krajeeDialogCust',
    'useNative' => false,
    'assetClass' => 'app\assets\CustomDialogBootstrapAsset'
]);

3. 检查Web资产目录权限 #

确保项目的web/assets目录有写入权限，Yii2需要把vendor里的资源文件复制到这个目录下，如果权限不足，会导致资源无法发布，进而出现找不到文件的错误。

4. 清除资产缓存 #

有时候旧的资产缓存会导致路径错乱，你可以手动删除web/assets目录下的所有文件，然后刷新页面，让Yii2重新发布资产。

验证 #

完成上述步骤后，再点击你的链接，应该就能正常弹出组件提供的自定义确认弹窗，而不是浏览器原生的简单弹窗了。

内容的提问来源于stack exchange，提问作者Roby Sottini