error when starting dev server:Error: Failed to resolve vue/compiler-sfc.

对于node 的包管理工具我一般习惯用 yarn但是最近使用 yarn 创建前端项目的时候出了一些问题。

yarn create vite vite-project

报错如下

error when starting dev server:

Error: Failed to resolve vue/compiler-sfc.

@vitejs/plugin-vue requires vue (>=3.2.25) to be present in the dependency tree.

我刚开始以为是 vite 的问题但是发现 npm 和 pnpm 是ok的。

后边才知道是我的 yarn 太古老了。

现在的 Node.js 14.19.0 and 16.9.0+自带了一个命令corepack.

有了这个 corepack 就不用什么全局安装 npm install yarn -g 这种东西了。

而是直接开启 corepack

# 命令行执行
corepack enable

这样你就可以全局使用 yarn 了但是我发现我的 yarn 版本还是 1.xx看了 yarn 的官网才知道现在更新 yarn 的版本需要一些命令但是用 corepack 可以很方便。

corepack prepare yarn@3.4.1 --activate

去 查看 yarn 的最新版本然后加在后边

就可以了。

然后建议大家在 pakeage.json 中将管理工具的版本声明一下因为现在 yarn 1.xx 的版本不是通用的了。

具体方法如下

这样就直接指定了 yarn 的版本。

在 yarn install 的时候就会自动使用 这个版本。后边的乱码不是必须的。

参考资料

https://github.com/nodejs/corepack

https://yarnpkg.com/getting-started/install