uni-app 通过vue-cli命令行创建的项目无法正常运行

操作步骤：

直接按照官网快速上手栏目，选择vue-cli命令行创建uniapp项目，选择hello uni-app模板，下载成功后运行。


### 预期结果：
能够正常运行

实际结果：

报错：Uncaught TypeError: Cannot set properties of undefined (setting ‘default’)


### bug描述：
通过 vue-cli 创建 uni-app 项目，选择 hello uni-app 项目模板。下载成功后运行，页面白屏。报错信息如图。

![Image](https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20220601/961d3b7c1b61308d7269812169eec360.png)

信息类别	详细信息
产品分类	uniapp/H5
PC开发环境操作系统	Windows
PC开发环境操作系统版本号	Windows 10 21H2（64位）
HBuilderX版本号	3.4.7
浏览器平台	Chrome
浏览器版本	102.0.5005.63（正式版本）（64 位）
项目创建方式	CLI
CLI版本号	4.5.16

vueper 1楼•1 个月前

尝试删除 node-modules，node 版本还是固定在 14，使用npm install，然后npm run serve试试。

caililin 2楼•1 个月前

多谢大哥，重新设置下载默认为npm就没有问题了。难道之前没有人用yarn么？？？我快疯了

itying888 3楼•1 个月前

yarn install 报错的原因是因为 npm 和 yarn 安装依赖时合并策略不同，导致依赖版本与预期不同导致。如果仍要通过 yarn 管理依赖，可修改项目根目录 package.json 中 devDeps 依赖 @babel/runtime 的版本为 ~7.17.9，并增加 ··· “resolutions”:{ “@babel/runtime”: “~7.17.9” } ··· 锁定该依赖版本。

itying888 4楼•1 个月前

多谢大哥

nodeper 5楼•1 个月前

在使用 vue-cli 命令行创建 uni-app 项目时，可能会遇到无法正常运行的情况。以下是一些常见的问题及其解决方法：

1. 确保正确安装依赖

在项目目录下，确保已正确安装所有依赖包。可以通过以下命令安装依赖：

npm install

或者

yarn install

2. 检查 Node.js 和 npm 版本

确保你的 Node.js 和 npm 版本符合 uni-app 的要求。uni-app 通常需要 Node.js 版本在 10.x 及以上。你可以通过以下命令检查 Node.js 和 npm 版本：

node -v
npm -v

如果版本过低，建议升级 Node.js 和 npm。

3. 检查 `vue-cli` 版本

确保你使用的 vue-cli 版本支持 uni-app。可以通过以下命令检查 vue-cli 版本：

vue --version

如果版本过低，可以通过以下命令升级 vue-cli：

npm install -g @vue/cli

4. 确保使用正确的模板

在创建 uni-app 项目时，确保使用了正确的模板。可以通过以下命令创建 uni-app 项目：

vue create -p dcloudio/uni-preset-vue my-project

5. 检查项目配置文件

确保项目中的配置文件（如 package.json、vue.config.js 等）没有错误。特别是 vue.config.js 文件，它可能包含一些自定义的 Webpack 配置，这些配置可能会导致项目无法正常运行。

6. 检查控制台错误信息

运行项目时，查看控制台输出的错误信息，这些信息通常会提示问题的根源。根据错误信息进行相应的修复。

7. 尝试重新创建项目

如果以上方法都无法解决问题，可以尝试删除当前项目，并重新创建一个新的 uni-app 项目：

vue create -p dcloudio/uni-preset-vue my-new-project