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 // 重新安装


最后就是重新创建项目。


相关文章
|
5月前
|
资源调度 JavaScript 前端开发
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
54 1
|
6天前
|
JavaScript
Vue Cli 脚手架安装
本文介绍了如何使用npm和cnpm淘宝镜像加速来安装Vue CLI脚手架工具,并验证安装成功。接着,通过Vue CLI创建新项目,并启动项目服务。
Vue Cli 脚手架安装
|
4月前
|
JavaScript 前端开发 测试技术
使用 Vue CLI 脚手架生成 Vue 项目
通过 Vue CLI 创建 Vue 项目可以极大地提高开发效率。它不仅提供了一整套标准化的项目结构,还集成了常用的开发工具和配置,使得开发者可以专注于业务逻辑的实现,而不需要花费大量时间在项目配置上。
110 7
使用 Vue CLI 脚手架生成 Vue 项目
|
JavaScript 程序员
使用vue-cli创建项目的步骤
一.什么是vue-cli (1)vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程 (2)引用自 vue-cli 官网上的一句话: 程序员可以专注在撰写应用上,而不必花好几天去纠结 webpack 配置的问题。 中文官网:https://cli.vuejs.org/zh/ 二.安装vue-cli (1)vue-cli 是 npm 上的一个全局包,使用 npm install 命令,即可方便的把它安装到自己的电脑上: 随意打开一个cmd窗口,输入:npm install -g @vue/cli (2)输入vue -V即可验证是
356 0
使用vue-cli创建项目的步骤
|
JavaScript Java
使用vue-cli脚手架搭建一个vue项目
使用vue-cli脚手架搭建一个vue项目
64 0
|
JavaScript 前端开发
Vue 使用 vite 创建项目
Vue 使用 vite 创建项目
304 0
|
Web App开发 JavaScript 前端开发
如何快速安装vue-cli脚手架
如何快速安装vue-cli脚手架
|
JavaScript 前端开发 Java
Vue CLI 脚手架
🍅程序员小王的博客:程序员小王的博客 🍅 欢迎点赞 👍 收藏 ⭐留言 📝 🍅 如有编辑错误联系作者,如果有比较好的文章欢迎分享给我,我会取其精华去其糟粕 🍅java自学的学习路线:java自学的学习路线
219 0
Vue CLI 脚手架
|
JavaScript 前端开发 编译器
【Vue五分钟】 Vue Cli脚手架创建一个项目
博主主要使用的是Visual Studio Code开发工具进行实验开发的,我们可以使用这个开发工具一起学习,在终端命令行使用cd命令切换到保存项目文件的文件夹。
【Vue五分钟】 Vue Cli脚手架创建一个项目
|
Web App开发 JavaScript 前端开发
【Vue五分钟】 Vue Cli脚手架安装配置
这个脚手架是一个基于Vue快速进行的开发的完成系统;是基于webpack构建开发的,带有合理的配置,可以通过项目的文件进行配置。
【Vue五分钟】 Vue Cli脚手架安装配置