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


最后就是重新创建项目。


相关文章
|
8月前
|
资源调度 JavaScript 前端开发
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
【vue】vue-cli版本选择和比较(vue-cli3.0新版本如何创建项目)
81 1
|
4月前
|
JavaScript
Vue Cli 脚手架安装
本文介绍了如何使用npm和cnpm淘宝镜像加速来安装Vue CLI脚手架工具,并验证安装成功。接着,通过Vue CLI创建新项目,并启动项目服务。
Vue Cli 脚手架安装
|
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即可验证是
377 0
使用vue-cli创建项目的步骤
|
JavaScript Java
使用vue-cli脚手架搭建一个vue项目
使用vue-cli脚手架搭建一个vue项目
72 0
|
JavaScript 前端开发
Vue--Vue-CLI创建项目
Vue--Vue-CLI创建项目
|
JavaScript 前端开发 Java
Vue CLI 脚手架
🍅程序员小王的博客:程序员小王的博客 🍅 欢迎点赞 👍 收藏 ⭐留言 📝 🍅 如有编辑错误联系作者,如果有比较好的文章欢迎分享给我,我会取其精华去其糟粕 🍅java自学的学习路线:java自学的学习路线
233 0
Vue CLI 脚手架
|
Web App开发 JavaScript 前端开发
如何快速安装vue-cli脚手架
如何快速安装vue-cli脚手架
110 0
|
JavaScript 前端开发 编译器
【Vue五分钟】 Vue Cli脚手架创建一个项目
博主主要使用的是Visual Studio Code开发工具进行实验开发的,我们可以使用这个开发工具一起学习,在终端命令行使用cd命令切换到保存项目文件的文件夹。
【Vue五分钟】 Vue Cli脚手架创建一个项目
|
JavaScript
vue-cli学习笔记 01、vue-cli脚手架
vue-cli学习笔记 01、vue-cli脚手架
vue-cli学习笔记 01、vue-cli脚手架
|
JavaScript 前端开发
从0到1带你搭建一个vue3.0项目(vue-cli脚手架版)
时代在发展,技术也在进步,这不咱们前端的主流框架vue也慢慢从vue2.0让尤雨溪大佬更新到vue3.0了,正好公司最近有个新的小项目让我负责,技术选型我来决定,经过团队讨论后一致决定使用vue3.0来作为开发技术栈,据说vue3.0有这些优点:性能比2.x快1.2~2倍;按需编译,体积比Vue2.x更小 ;数据监听方式变成了Proxy,消除Object.defineProperty现有的限制(例如无法检测新的属性添加),并提供更好的性能。话不多说,先快速搭建一个vue3.0版本的工程吧(这里先使用vue-cli脚手架来搭建,博主也还在学习中,后续再出一期vite开发构建工具对比)
561 0
从0到1带你搭建一个vue3.0项目(vue-cli脚手架版)

热门文章

最新文章