uniapp cli 创建项目和创建失败原因(及解决)

先全部看一遍,看自己属于哪个问题

1.vue cli构建项目

npm install -g vue-cli 已更新成 npm install -g @vue/cli

2.通过vue cli创建uni-app项目

 vue  create -p dcloudio/uni-preset-vue 项目名称(demo)

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

3.运行完第二步后会显示如下图的选择

在这里插入图片描述
或者选择 默认模板

4.安装语法提示

npm install  @dcloudio/uni-helper-json

5. 运行项目

npm run dev:mp-weixin

npm run dev:h5

npm run serve:mp-qq

注意 失败原因及解决方法

  1. 第2步骤 会出现报错:
ERROR   RequestError: getaddrinfo ENOTFOUND codeload.github.com
 RequestError: getaddrinfo ENOTFOUND codeload.github.com
 at ClientRequest.<anonymous> (E:\uniapp\uni-preset-vue\node_modules\got\index.js:73:21)
    at Object.onceWrapper (node:events:510:26)
    at ClientRequest.emit (node:events:390:28)
    at TLSSocket.socketErrorListener (node:_http_client:447:9)
    at TLSSocket.emit (node:events:390:28)
    at emitErrorNT (node:internal/streams/destroy:157:8)
    at emitErrorCloseNT (node:internal/streams/destroy:122:3)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)

解决方法:

克隆https://github.com/dcloudio/uni-preset-vue.git 到本地

命令行 更改 vue create -p 刚下载文件目录的地址 my-project 即可解决

npm run serve 报错: Error: Cannot find module 'webpack/lib/RuleSet'

先想看 cli 版本 :vue -V

解决方法:

  • 卸载 vue 5.0 以上版本

    npm remove -g @vue/cli

  • 安装vue4.5.15(4.5版本最新版)
    npm install -g @vue/cli@4.5.15

  • 使用vue-cli创建uni-app

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

  • 会提示选择项目模板,我用的是默认模板

  • 运行开发serve

以上就是解决使用cli 创建uniapp 遇到的问题,希望能帮助大家

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值