在vue3项目下安装node-sass出现错误

今晚在vue3项目下安装node-sass出现如下错误
npm ERR! ERESOLVE unable to resolve dependency tree

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: element-project-vue@1.0.0
npm ERR! Found: vue@3.2.23
npm ERR! node_modules/vue
npm ERR!   vue@"^3.2.23" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"3.0.2" from @vue/compiler-sfc@3.0.2
npm ERR! node_modules/@vue/compiler-sfc
npm ERR!   @vue/compiler-sfc@"3.0.2" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!

看错误提示，很明显我安装的vue3版本是vue@3.2.23，而我安装的@vue/compiler-sfc却是3.0.2
所以把@vue/compiler-sfc安装到与vue3版本相同就可以了

yarn add @vue/compiler-sfc
// 然后继续安装node-sass
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

就不再报错了