uni-app h5 提示 uni is not defined

问题分析：
uni is not defined 是 uni-app 在 H5 平台运行时常见的错误，通常由以下原因导致：

1. 未正确引入 uni-app 框架：

   • 在 H5 页面中，必须通过 <script> 标签或模块化方式引入 uni-app 的核心库（如 uni.webview.1.5.2.js）。
   • 若使用 Vue CLI 等自定义构建，需确保 uni 对象被全局注入。

2. 代码执行时机问题：

   • 在 created 或 mounted 生命周期中直接调用 uni API，但框架尚未初始化完成。
   • 建议将 uni API 调用放在 onReady 或 onLoad 中，或使用 setTimeout 延迟执行。

3. 多端兼容未处理：

   • 部分 API 仅支持小程序或 App，在 H5 中需通过条件编译或判断 uni 是否存在来规避。
   • 示例：

     if (typeof uni !== 'undefined') {
         uni.showToast({ title: '提示' });
     }
     

4. 构建配置问题：

   • 检查 manifest.json 中 H5 配置的 router 模式是否为 history 或 hash，错误配置可能导致资源加载异常。
   • 确保 devServer 配置正确，避免热更新时脚本加载失败。

解决方案：

1. 检查引入顺序：

   • 在 index.html 中确认 uni 相关脚本优先于业务代码加载。
   • 若使用 npm 包，通过 import 'uni-app' 显式引入。

2. 延迟调用 API：

   export default {
       onReady() {
           uni.navigateTo({ url: '/pages/index/index' });
       }
   }
   

3. 启用条件编译：

   // #ifdef H5
   console.log('仅 H5 平台执行');
   // #endif