先全部看一遍,看自己属于哪个问题
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
注意 失败原因及解决方法
- 第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 遇到的问题,希望能帮助大家