本地引入Alertify.js后弹窗无法显示，求排查解决建议

从你提供的控制台报错和代码来看，主要有两个核心问题导致弹窗无法正常工作，我们一步步来解决：

1. 资源路径错误（导致CSS加载失败+Alertify对象未正确初始化） #

你当前使用了本地绝对路径（比如C:/Users/Documents/...）来引用Alertify的资源，这在浏览器中会因为跨域限制或者路径解析问题导致资源加载失败，另外还有路径中的空格和相对路径错误：

• 绝对路径改相对路径：把Alertify的css、js文件放到你的项目目录下（比如新建一个alertify子文件夹），用相对路径引用，避免浏览器的本地文件访问限制。
• 修复JS路径的空格问题：你的JS路径里有AlertifyJS- master（中间有空格），这会导致浏览器无法正确解析路径，建议重命名文件夹为AlertifyJS-master去掉空格。
• 移除重复的CSS引用：你同时引用了alertify.min.css和alertify.css，二者选其一即可，推荐用min版减少文件体积。
• 修复reset函数中的CSS路径：alertify.default.css的相对路径错误，要对应到你项目中该文件的实际位置。

2. Alertify初始化报错（Cannot read property 'dialog' of undefined） #

这个报错说明Alertify的JS文件没有被正确加载，导致alertify对象不完整。解决完上面的路径问题后，你可以在浏览器控制台输入alertify，如果能看到完整的对象结构，说明加载成功；如果显示undefined，那还是路径有问题，需要再检查。

调整后的示例代码 #

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./alertify/css/alertify.min.css" />
    <link rel="stylesheet" href="./alertify/css/alertify.default.css" id="toggleCSS" />
    <meta name="viewport" content="width=device-width">
    <style>
        .alertify-log-custom { background: blue; }
    </style>
</head>
<body>
    <h2>Dialogs</h2>
    <a href="#" id="alert">Alert Dialog</a><br>
    <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="./alertify/build/alertify.min.js"></script>
    <script>
        function reset () {
            $("#toggleCSS").attr("href", "./alertify/css/alertify.default.css");
            alertify.set({
                labels : {
                    ok : "OK",
                    cancel : "Cancel"
                },
                delay : 5000,
                buttonReverse : false,
                buttonFocus : "ok"
            });
        }

        $("#alert").on( 'click', function () {
            reset();
            alertify.alert("This is an alert dialog");
            return false;
        });
    </script>
</body>
</html>

额外测试建议 #

• 先简化代码：暂时注释掉reset()函数，直接调用alertify.alert("测试")，看弹窗是否能显示，确认基础功能正常后再添加配置。
• 检查浏览器控制台的Network面板：查看CSS和JS文件的加载状态，如果显示404，说明路径还是错的，需要调整路径到正确位置。

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