vue-cli脚手架创建项目遇到的坑

简介: vue-cli脚手架创建项目遇到的坑

一、cli版本太低


通过 vue-cli 创建 uni-app 项目,报错:


vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
  You may want to run the following to upgrade to Vue CLI 3:

报错原因是cli版本太低,需要升级到V4.x.x,相关执行命令如下:


卸载:
npm uninstall vue-cli -g //3.0以下卸载:
npm uninstall @vue/cli -g // 3.0以上卸载:
查看:
npm view vue-cli versions --json // 3.0以下vue-cli可安装版本查看
npm view @vue/cli versions --json // 3.0以上vue-cli可安装版本查看
安装:
npm install vue-cli@2.9.6
npm install -g @vue/cli@4.5.15


已知cli最新版本为5.0.1,但是不能升级到5xx版本,最多只能升级到4.5.15,因为最新版本搭设的脚手架还有问题。


二、Cannot find module 'webpack/lib/RuleSet’错误


在运行空项目的时候报如下错误:

91cfeea39e7d4b5f82d2b143b2d7de0d.png

就是cli版本的问题,根据问题描述,查看版本:


vue -V

为5.0.1,版本太高又问题。降低版本处理:


npm remove -g  @vue/cli // 卸载
npm install -g @vue/cli@4.5.15 // 重新安装


最后就是重新创建项目。


相关文章
|
7月前
|
资源调度 JavaScript 前端开发
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
75 1
|
3月前
|
JavaScript
Vue Cli 脚手架安装
本文介绍了如何使用npm和cnpm淘宝镜像加速来安装Vue CLI脚手架工具,并验证安装成功。接着,通过Vue CLI创建新项目,并启动项目服务。
Vue Cli 脚手架安装
|
6月前
|
JavaScript 前端开发 测试技术
使用 Vue CLI 脚手架生成 Vue 项目
通过 Vue CLI 创建 Vue 项目可以极大地提高开发效率。它不仅提供了一整套标准化的项目结构,还集成了常用的开发工具和配置,使得开发者可以专注于业务逻辑的实现,而不需要花费大量时间在项目配置上。
131 7
使用 Vue CLI 脚手架生成 Vue 项目
|
JavaScript 数据可视化
vue总结之创建项目
vue总结之创建项目
|
JavaScript
vue3怎么创建项目
vue3怎么创建项目
|
JavaScript Java
使用vue-cli脚手架搭建一个vue项目
使用vue-cli脚手架搭建一个vue项目
68 0
|
JavaScript 前端开发
Vue--Vue-CLI创建项目
Vue--Vue-CLI创建项目
|
JavaScript 前端开发 Java
Vue CLI 脚手架
🍅程序员小王的博客:程序员小王的博客 🍅 欢迎点赞 👍 收藏 ⭐留言 📝 🍅 如有编辑错误联系作者,如果有比较好的文章欢迎分享给我,我会取其精华去其糟粕 🍅java自学的学习路线:java自学的学习路线
229 0
Vue CLI 脚手架
|
Web App开发 JavaScript 前端开发
如何快速安装vue-cli脚手架
如何快速安装vue-cli脚手架
106 0