Mac上初次使用vite新建Vue3项目需要注意,自己的错误记录

执行npm init @vitejs/app时

报错:
internal/modules/cjs/loader.js:1089
throw new ERR_REQUIRE_ESM(filename, parentPath, packageJsonPath);
在这里插入图片描述
一开始网上找原因,以为是node的版本过低,但是看了是自己的弄的版本号是12.1.x.x刚刚好跨过门槛,但是创建项目不成功,为了保险起见将node版本升级到了15.7.0。试了下,嗯,还是报错。又在网上找了半天,有人安装vite出问题,细瞅瞅,可能是npm的版本太低的原因。想想自己是不也是这个导致的,将npm版本原来的6.x.x更新到8.x.x。重新执行npm init @vitejs/app,哈哈成功了。

但是但是,好景不长,在Need to install the following packages: create-vite,输入y后,又报错,最后,我就使用npm init vite创建了项目

在这里插入图片描述
没有报错,也启动成功了。
在这里插入图片描述

在这里插入图片描述
可有很多东西需要自己的去配置。尝试最后还是推荐跟着官方走,官网上是使用:
npm init vue@latest

官方网址:https://cn.vuejs.org/guide/quick-start.html#with-build-tools

需要注意官网上提醒node版本要,已安装 15.0 或更高版本的 Node.js。刚刚尝试了官网给的方式创建项目,遇到报错,然后把node升级到了最近最新的稳定版本16.17.0运行成功,之前的15.7.0不行。

1、node的版本要大于
node的版本要>=12.0.0(网上给的,自己的是15版本)

查看node版本号:
node -v

查看所有的版本号:
npm view node versions

升级参考:
https://blog.csdn.net/lhz_333/article/details/123477575

2、npm的版本也要记得升级,我之前报错的版本是6.14.15,升级后的版本号:8.19.2

查当前看版本号:
npm --version(npm -v)

升级到最新版本:
sudo npm install npm@latest -g

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值