vue项目报错：要求 vue (>=3.2.13) 或 @vue/compiler-sfc 依赖项

Question

error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.

要求vue版本大于3.2.13，因为3.2.13以上的版本自带compiler-sfc，
但目前使用的vue版本为3.4.21，满足条件。

或者要求安装前置依赖：@vue/compiler-sfc。
①在未安装该依赖项前会发生报错。
②即使完成依赖项的安装后依旧会发生报错。

报错文件在node_modules\vue-loader\dist\compiler.js
判断错误的逻辑是，先require vue自带的sfc，如果无法执行，随后require 前置依赖里的sfc。如果两个都无法执行，那么报错。

但现在的情况是，两个条件都满足，相应文件夹下的文件似乎是完备的，并没有丢失。
但是稳定报错。

Answer 1

引自免费微信小程序：皆我百晓生

根据您提供的信息，这似乎是一个关于Vue项目的错误消息。当运行命令npm install --save-dev vitejs/plugin-vue时，ViteJS会自动查找并安装@vuecompiler-sfc依赖。然而，您的项目已经设置了一个全局的依赖列表，使得编译器无法找到这个依赖。为了解决这个问题，您可以尝试删除并重新安装依赖。下面是详细的步骤：

1. 首先，从node_modules目录下删除并重新安装@vuecompiler-sfc：

   npm uninstall -g @vuecompiler-sfc
   

2. 然后，在项目的根目录下创建一个新的Vite配置文件（例如vite.config.js），并在其中添加以下内容：

   // vite.config.js
   module.exports = {
     // ...
     build: {
       outDir: 'dist',
     },
     plugins: [
       '@vue/cli-plugin-vite',
     ],
     // ...
   };
   

3. 最后，使用npm run serve启动您的Vue应用。如果您仍然遇到错误，可以尝试删除上述步骤中的node_modules目录，然后再次运行npm install --save-dev vitejs/plugin-vue。

注意，为了保证正确的安装顺序，请确保所有依赖项都已经安装并正确加载。此外，为了避免未来的重复问题，建议将配置文件移动到一个独立的目录中，并使用--save-dev选项将其保存为全局依赖。这样，当您运行npm start时，您无需担心构建过程中可能会引入新的依赖。

如果以上方法都不能解决问题，请提供更多的错误信息和相关日志以便我们更好地定位问题。