yarn 4.x版本创建项目坑

yarn 4.x版本创建项目坑

yarn 的新版本速度确实非常哇塞,完全不输于 pnpm,并且其天然提供的 workspace 功能更是非常的省事儿,所以我也注意到了这个包管理工具。用了一点空闲时间去了解了一下新版本的yarn。

注意,如果需要直接获取解决方案,找到对应章节下的解决方案直接跳转查看就好。

使用包管理工具那么肯定需要有项目去“play”一下子。但是我在创建项目和使用yarn的过程中遇到了很多有意思的现象,这里也做一个记录,也希望能帮助到大家。

文章目录

  • yarn 4.x版本创建项目坑
  • 1 初始化一个项目
    • 解决方案
  • 2 缓存配置
    • <1> 控制台报错找不到某个文件
      • 解决方法
    • <2> ts-plugin 提示无法找到模块

1 初始化一个项目

使用 vite 创建项目。并使用官方提供的示例进行初始化。

yarn create vite 
# 选择vue项目其他配置自选。后续所有vite有关项目都是使用这个命令来创建

yarn 官方的做法是这样的。

corepack enable

yarn init -2

而后静等一下。

这个时候当我想要启动项目的时候发现——❗️dev 不能被识别为一个命令。

why?我带着好奇心打开了package.json,发现package.json只有两个字段了,一个是name,一个是packageManager。

好奇刚发生了什么,于是我重新创建了一个项目,最后发现是 yarn init -2会直接重写 package.json,导致内容被改写了。丢失了原来的 script。那要怎么把项目中的yarn升级到新版本?

解决方案

yarn set version stable
# stable 也可以换成具体想要的版本号。

# 如果电脑是第一次执行会慢一点,后面就会很快了,

然后就可以正常使用了吗?可能有的小伙伴会继

你可能感兴趣的:(包管理器,js/ts工具库分享,web前端,前端,yarn,源代码管理,ide)