uni-app 报错 uni is not defined

在 uni-app 开发过程中，如果你遇到 uni is not defined 的错误，通常是因为你在代码中使用了 uni 对象，但 uni 对象未被正确引入或未在当前环境中定义。以下是一些可能的原因和解决方法：

1. 确保在正确的环境中运行

uni 对象是 uni-app 提供的全局对象，用于调用小程序、H5 等平台的 API。如果你在非 uni-app 环境中（如纯网页开发）使用了 uni，就会报这个错误。

解决方法：

• 确保你的代码运行在 uni-app 环境中。
• 如果你在非 uni-app 环境中调试代码，请切换到 uni-app 开发环境。

2. 检查运行平台

uni 对象在 H5、小程序、App 等平台中都可用，但在某些特定环境下（如纯网页或 Node.js）不可用。

解决方法：

• 如果你需要在非 uni-app 环境中调试代码，可以使用条件编译或环境判断来避免使用 uni 对象。例如：

  #ifdef H5 || MP-WEIXIN
  uni.showToast({ title: 'Hello' });
  #endif
  

3. 检查代码引入顺序

如果你在某个模块中使用了 uni 对象，但该模块在 uni 对象初始化之前被加载，就会报错。

解决方法：

• 确保 uni 对象在代码执行时已经初始化。通常情况下，uni-app 会自动初始化 uni 对象，不需要手动引入。

4. 检查编译配置

如果你自定义了编译配置（如使用了 webpack 或 vite 的插件），可能会影响 uni 对象的加载。

解决方法：

• 检查你的编译配置，确保没有干扰 uni-app 的全局对象。
• 如果你使用了第三方插件，尝试禁用插件，看是否解决问题。

5. 检查代码语法

如果你在代码中错误地使用了 uni 对象（如拼写错误），也会导致报错。

解决方法：

• 检查代码中是否有拼写错误，例如将 uni 写成了 Uni 或 UNI。

6. 尝试重启项目

有时 uni-app 的编译缓存可能会导致一些奇怪的错误。

解决方法：

• 关闭开发工具，删除 unpackage 目录，然后重新运行项目。

7. 检查 uni-app 版本

如果你使用的是较旧的 uni-app 版本，可能存在兼容性问题。

解决方法：

• 更新 uni-app 到最新版本：

  npm install @dcloudio/uni-app@latest
  

8. 示例代码

以下是一个使用 uni 对象的示例代码：

export default {
  methods: {
    showToast() {
      uni.showToast({
        title: 'Hello uni-app',
        icon: 'none'
      });
    }
  }
}