uni-app 运行报错

uni-app 运行报错

开发环境 版本号 项目创建方式
Windows win10 HBuilderX
Android Android 10
小米 mix2
nvue vue2

bug描述：

详情如下：

[HBuilder] 13:44:11.997 ERROR: Selector `.uni-popup.top` is not supported. Weex only support classname selector at uni_modules/uni-popup/components/uni-popup/uni-popup.vue:30
[HBuilder] 13:44:11.998 ERROR: Selector `.uni-popup.left` is not supported. Weex only support classname selector at uni_modules/uni-popup/components/uni-popup/uni-popup.vue:30
[HBuilder] 13:44:12.000 ERROR: Selector `.uni-popup.right` is not supported. Weex only support classname selector at uni_modules/uni-popup/components/uni-popup/uni-popup.vue:30
[HBuilder] 13:44:12.003 ERROR: Selector `.uni-popup .uni-popup__wrapper` is not supported. Weex only support classname selector at uni_modules/uni-popup/components/uni-popup/uni-popup.vue:33
[HBuilder] 13:44:12.005 ERROR: Selector `.uni-popup .uni-popup__wrapper.left` is not supported. Weex only support classname selector at uni_modules/uni-popup/components/uni-popup/uni-popup.vue:37
[HBuilder] 13:44:12.008 ERROR: Selector `.uni-popup .uni-popup__wrapper.right` is not supported. Weex only support classname selector at uni_modules/uni-popup/components/uni-popup/uni-popup.vue:37

更多关于uni-app 运行报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

什么情况下 什么操作 才发生这样的状况 得说清楚问题啊

更多关于uni-app 运行报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


不是说的很明白，weex不支持样式的类名的连写方式。估计你是选择了纯纯的vuex模式。这个模式下编译用的是weex标准，比较死板，导致官方很多组件都不兼容，笑死

nvue 默认不支持这样写类名。可以通过以下配置实现：
组件支持 nvue ，需要在 manifest.json > app-plus 节点下配置 “nvueStyleCompiler” : “uni-app”

uni-popup 组件的样式没有去适配nvue页面应该算是bug吧？

回复 1***@qq.com: 文档有说明

在 uni-app 开发过程中，遇到运行报错是常见的情况。为了帮助你更好地解决问题，以下是一些常见的错误及其解决方法：

1. 依赖未安装或版本不兼容

  • 错误信息：Module not found 或 Cannot find module
  • 解决方法：
    • 确保你已经安装了所有依赖，运行以下命令：
      npm install
    • 如果问题仍然存在，尝试删除 node_modules 文件夹和 package-lock.json 文件，然后重新安装依赖：
      rm -rf node_modules package-lock.json
npm install
    • 检查 package.json 中的依赖版本是否兼容，必要时更新依赖版本。

2. HBuilderX 版本问题

  • 错误信息：HBuilderX 相关错误
  • 解决方法：
    • 确保你使用的是最新版本的 HBuilderX，如果不是，请更新到最新版本。
    • 如果问题仍然存在，尝试重新安装 HBuilderX。

3. 配置文件错误

  • 错误信息：Configuration file error 或 Invalid configuration
  • 解决方法：
    • 检查 manifest.json、pages.json 等配置文件，确保没有语法错误或配置错误。
    • 使用 HBuilderX 的语法检查功能，或者手动检查配置文件。

4. 平台相关错误

  • 错误信息：Platform-specific error
  • 解决方法：
    • 确保你在正确的平台上运行项目。例如，如果你在开发微信小程序，确保在微信开发者工具中运行。
    • 检查 manifest.json 中的平台配置是否正确。

5. 网络请求错误

  • 错误信息：Network request failed 或 CORS error
  • 解决方法：
    • 确保你的网络请求 URL 正确，并且服务器允许跨域请求。
    • 如果是本地开发，确保本地服务器已启动，并且端口号正确。

6. 组件或页面未注册

  • 错误信息：Component is not registered 或 Page not found
  • 解决方法：
    • 确保你在 pages.json 中正确注册了页面。
    • 确保你在组件中正确注册了组件。

7. 编译错误

  • 错误信息：Compilation error 或 Syntax error
  • 解决方法：
    • 检查代码中的语法错误，特别是 JavaScript、CSS 和 HTML 部分。
    • 使用 HBuilderX 的语法检查功能，或者手动检查代码。

8. 环境变量问题

  • 错误信息：Environment variable not found
  • 解决方法：
    • 确保你在 .env 文件中正确设置了环境变量。
    • 确保你在代码中正确引用了环境变量。

9. 插件或扩展问题

  • 错误信息：Plugin error 或 Extension error
  • 解决方法：
    • 确保你安装的插件或扩展与当前 uni-app 版本兼容。
    • 如果问题仍然存在，尝试禁用或卸载相关插件或扩展。

10. 其他常见错误

  • 错误信息：Unknown error 或 Unexpected error
  • 解决方法：
    • 尝试清除缓存并重新编译项目：
      npm run clean
npm run build
回到顶部