uni-app 使用插件市场的vue3版本项目 运行H5控制台出现问题

uni-app 使用插件市场的vue3版本项目 运行H5控制台出现问题

操作步骤：

  • 下载插件市场的一个开源项目https://ext.dcloud.net.cn/plugin?id=7683，运行H5平台后

预期结果：

  • 控制台正常运行，在浏览器打开项目

实际结果：

  • 控制台正常运行，但是出现莫名的ESC代码，浏览器打开一个空白页面

bug描述：

  • 下载插件市场的一个开源项目https://ext.dcloud.net.cn/plugin?id=7683，运行H5平台后，控制台打开一个空白页面，控制台莫名出现很多ESC的代码，但是项目通过手动打开url路径是可以打开的，我下载其他的vue3项目也是如此，但是vue2项目控制台就不会出现。控制台显示vite版本是v2.8.4。

附件:

image

信息类别 详情
产品分类 uniapp/H5
PC开发环境 Windows
PC开发环境版本 21H2
HBuilderX类型 正式
HBuilderX版本 3.3.13
浏览器平台 Chrome
浏览器版本 98.0.4758.102
项目创建方式 HBuilderX
App下载地址或H5网址 https://ext.dcloud.net.cn/plugin?id=7683

更多关于uni-app 使用插件市场的vue3版本项目 运行H5控制台出现问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

HBuilderX 菜单【工具 - 插件安装】，卸载uni-app(Vue3)编译插件
重启HBuilderX
再次进入菜单【工具 - 插件安装】，重新安装uni-app(Vue3)编译插件

更多关于uni-app 使用插件市场的vue3版本项目 运行H5控制台出现问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


按照你说的，我把vue3编译器卸载了，重启Hbuilderx，到工具-插件安装，想要重新安装vue3编译器，但现实vue3编译器已安装。而我查看已安装插件，并没有安装vue3编译器。重启HBuilderX很多次了

回复 s***@163.com: 请升级至HBuilderX3.4.7试下

在使用 uni-app 开发 H5 项目时，如果你使用了插件市场的 Vue3 版本项目，并且在控制台遇到问题，以下是一些常见的排查步骤和解决方案：

1. 检查 uni-app 和 Vue3 的版本兼容性

  • uni-app 的 Vue3 版本可能与某些插件或依赖不兼容，确保你使用的 uni-app 版本支持 Vue3。
  • 可以通过 package.json 文件检查 uni-app 和 Vue3 的版本是否匹配。

2. 检查插件的兼容性

  • 如果你从插件市场安装了某些插件，确保这些插件支持 Vue3 版本。
  • 有些插件可能只支持 Vue2，或者需要特定的配置来支持 Vue3。

3. 查看控制台错误信息

  • 仔细查看控制台的错误信息，通常会给出具体的错误提示，如模块未找到、语法错误等。
  • 根据错误信息进行排查，例如：
    • 如果是模块未找到，尝试重新安装依赖或检查路径是否正确。
    • 如果是语法错误，检查代码是否符合 Vue3 的语法规范。

4. 检查依赖安装

  • 确保所有依赖都已正确安装，可以尝试删除 node_modules 目录并重新安装依赖：
    rm -rf node_modules
npm install
回到顶部