uni-app cli创建的vue3项目 运行不了

uni-app cli创建的vue3项目 运行不了

产品分类：
其他/MUI

App下载地址或H5网址：
无

操作步骤：

vue create -p dcloudio/uni-preset-vue#vue3 my-test-vue3-project1  
cd .\my-test-vue3-project1\  
yarn serve

预期结果：

服务正常启动，页面正常显示。

实际结果：

服务正常启动，页面无法显示。

bug描述：

根据官网教程，使用cli创建的vue3项目，完全运行不了。实际导入的还是vue2版本。

命令：

vue create -p dcloudio/uni-preset-vue#vue3 my-test-vue3-project1  
cd .\my-test-vue3-project1\  
yarn serve

Image 1 Image 2 Image 3 Image 4


更多关于uni-app cli创建的vue3项目 运行不了的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

https://ask.dcloud.net.cn/article/37834

更多关于uni-app cli创建的vue3项目 运行不了的实战教程也可以访问 https://www.itying.com/category-93-b0.html


根据你的描述和截图，问题在于项目创建后实际运行的仍是 Vue 2 版本，而非预期的 Vue 3。这通常是由于 Vue CLI 的全局配置或缓存导致的。

解决方案：

  1. 检查 Vue CLI 版本
    确保你使用的是 Vue CLI 4.5 或更高版本。低版本可能不支持 Vue 3 项目创建。
    升级命令：

    npm update -g [@vue](/user/vue)/cli

  2. 清理 Vue CLI 缓存
    运行以下命令清除缓存，然后重试创建项目：

    vue clear-cache

  3. 手动指定预设模板
    如果问题依旧，尝试在创建时显式指定 Vue 3 模板：

    vue create --preset dcloudio/uni-preset-vue#vue3 my-test-vue3-project1

  4. 检查项目依赖
    进入项目目录后，确认 package.json 中是否包含 Vue 3 相关依赖（如 "vue": "^3.x.x"）。
    如果仍是 Vue 2，可手动修改版本后重新安装依赖：

    npm install vue[@next](/user/next)
回到顶部