hello uni-app 模版启动报错 Cannot read properties of undefined (reading 'length')

[stephentian]

问题描述

hello uni-app 模版 web 端无法显示，控制台报错：

Uncaught TypeError: Cannot read properties of undefined (reading 'length')

复现步骤

分别有使用 命令行 创建 和 下载 HB 创建项目；

一、命令行

1. 命令行选择

2. yarn serve 控制台未报错

二、HBuilder

1. HB 选择

2. HB 运行

预期结果

控制台不报错，界面展示 demo

实际结果

运行终端未报错，浏览器控制台报错，页面空白。

补充信息

无法定位错误，main.js 里没有 length 变量

附：官网验证手机一直在 loading 过不了，所以来 GitHub 提 issue

[liao0001]

嗯，今天刚用，一样的问题。 arm64的芯片 node: v16.16.0 (brew安装默认的18版本，npm install 时有警告提示，还成了16的版本) npm: 8.11.0

默认registry和淘宝的镜像源、直接访问和翻墙访问都尝试了，结果是一样的，问题应该出在包上面

编译时有warning:

结果和楼上一样，打不开页面: 报错: Cannot read properties of undefined (reading 'length')

[kylewuyinhai]

+1

[heachou]

+1

[githublyp]

@hbcui1984 @fxy060608 ，大佬们，初次判断是uniCloud导致的

[githublyp]

+10000000000000

[Wangyaqi]

升级到最新的alpha版本（HBuilderX 3.5.4及以上版本）试试，cli项目的话也可以升级到相应的版本试试看是不是正常

[githublyp]

• [ ] 你们的程序员真的太幸福了，连发现问题都是别人提供

[githublyp]

升级到最新的alpha版本（HBuilderX 3.5.4及以上版本）试试，cli项目的话也可以升级到相应的版本试试看是不是正常

@Wangyaqi 不行啊，大佬

[Wangyaqi]

感谢反馈，此问题已修复。看一楼的帖子后只测试了HBuilderX创建的项目，抱歉造成困扰

[smithyj]

3.4.7 版本可以正常运行

[baoyn]

3.4.7 版本可以正常运行

3.5.3用hbuilder运行还是报这个错 ![Uploading Snipaste_2022-08-23_17-22-28.png…]()

[Wangyaqi]

HBuilderX还没有发布新版本，也可以在HBuilderX安装目录执行npx patch-hbuilderx-plugins对此问题进行临时修复

[godofchina]

一样的问题 3.5.3 最新版 hello uniapp 报错

[godofchina]

有人能给解释下为啥吗 官方自己的demo 都跑不通

[baoyn]

有人能给解释下为啥吗 官方自己的demo 都跑不通 上面说了，有点小bug，HBuilderX可以安装个补丁包能解决，在HBuilderX安装目录执行npx patch-hbuilderx-plugins，这个对新用户体验是不太好，希望尽快发布吧

[Wangyaqi]

HBuilderX 3.5.5版本已修复此问题，cli也已修复

[tyanbiao]

HBuilderX 3.5.5版本已修复此问题，cli也已修复

HBuilderX 升级到了 3.6.0.20220901-alpha 还是会报这个错。连自己官方的 demo 都跑不起来，真是服了。

[zhetengbiji]

HBuilderX 3.5.5版本已修复此问题，cli也已修复

HBuilderX 升级到了 3.6.0.20220901-alpha 还是会报这个错。连自己官方的 demo 都跑不起来，真是服了。

你的工程是用HBuilderX创建的还是CLI创建的？

[tyanbiao]

你的工程是用HBuilderX创建的还是CLI创建的？

是使用 HBuilderX 创建的，复现路径：使用 HBuilderX 新建项目，模板选择 Hello uni-app , Vue 版本选择 2，未勾选 “启用 uniCloud”，新建完成后选择运行到 Chrome，此问题 100% 复现。

• HBuilderX 版本：3.6.0.20220901-alpha
• Node 版本： v16.13.1
• Chrome 版本：104.0.5112.102
• 操作系统：Windows 10 家庭中文版

[Wangyaqi]

你的工程是用HBuilderX创建的还是CLI创建的？

是使用 HBuilderX 创建的，复现路径：使用 HBuilderX 新建项目，模板选择 Hello uni-app , Vue 版本选择 2，未勾选 “启用 uniCloud”，新建完成后选择运行到 Chrome，此问题 100% 复现。

• HBuilderX 版本：3.6.0.20220901-alpha
• Node 版本： v16.13.1
• Chrome 版本：104.0.5112.102
• 操作系统：Windows 10 家庭中文版

打开HBuilderX插件管理看下安装的uni-app vue2插件是什么版本？和HBuilderX版本是不是匹配