uni-app hbuilderx版本3.3.3 项目编译报错，无法正常运行

uni-app hbuilderx版本3.3.3 项目编译报错，无法正常运行

操作步骤：

  • 新建最基本的uniapp项目模板，运行就会报错

预期结果：

  • 项目正常运行

实际结果：

  • 编译时直接报错，无法启动

bug描述：

  • 升级hbuildex最新版本3.3.3后，运行项目出现报错，新老项目皆不能使用，切回上个版本项目运行正常，新建一个最新的uniapp项目模板也无法正常使用
  • 在从插件市场导入示例项目的时候，会自动进行npm install的安装步骤
信息类型 信息内容
产品分类 HbuilderX
PC开发环境 Windows
操作系统版本 Windows 10 专业版
HBuilderX版本 3.3.3

Image Image Image Image


更多关于uni-app hbuilderx版本3.3.3 项目编译报错，无法正常运行的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

@import “@/uni_modules/uview-ui/index.scss”;

更多关于uni-app hbuilderx版本3.3.3 项目编译报错，无法正常运行的实战教程也可以访问 https://www.itying.com/category-93-b0.html


卸载重装看看

我也是这个问题，控制台输出如下：
17:05:19.457 项目 ‘*****’ 开始编译…
17:05:20.678 请注意运行模式下，因日志输出、sourcemap以及未压缩源码等原因，性能和包体积，均不及发行模式。若要正式发布，请点击发行菜单或使用cli发布命令进行发布
17:05:20.693 小程序各家浏览器内核及自定义组件实现机制存在差异，可能存在样式布局兼容问题，参考：https://uniapp.dcloud.io/matter?id=mp
17:05:20.704 正在编译中…
17:05:21.281 Usage: vue-cli-service <command> [options]
17:05:21.283 Commands:
17:05:21.287 serve start development server
17:05:21.289 build build for production
17:05:21.292 inspect inspect internal webpack config
17:05:21.295 uni-serve start development server
17:05:21.298 uni-build build for production
17:05:21.299 lint lint source files with TSLint
17:05:21.302 run vue-cli-service help [command] for usage of a specific command. 然后什么都没有了
使用菜单“运行”->“运行到小程序模拟器”->"微信开发者工具"确实有问题，但是直接使用命令“yarn dev:mp-weixin”，是可以编译成功的。
个人感觉是这个菜单项功能有问题。另外一个测试项目，是使用Vite编译的，是可以成功的。

最后怎么解决的？

从报错信息看，这是HBuilderX 3.3.3版本中@dcloudio/uni-app-plus编译器的依赖问题。错误提示显示[@vue](/user/vue)/compiler-sfc版本不兼容（当前3.2.21，需要^3.2.26）。

解决方案：

  1. 升级Vue编译器版本
    在项目根目录执行：

    npm install [@vue](/user/vue)/compiler-sfc@^3.2.26

    或更新所有Vue相关依赖：

    npm install vue[@3](/user/3) [@vue](/user/vue)/compiler-sfc[@3](/user/3)

  2. 清除缓存重新编译
    删除node_modules和package-lock.json后重新安装：

    rm -rf node_modules package-lock.json
npm install
回到顶部