错误：@vitejs/plugin-vue 需要 vue (>=3.2.13) 或 @vue/compiler-sfc 存在于依赖树中答案

【问题标题】：Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree错误：@vitejs/plugin-vue 需要 vue (>=3.2.13) 或 @vue/compiler-sfc 存在于依赖树中
【发布时间】：2022-01-19 23:39:23
【问题描述】：

我正在使用带有模块 federation 和 vue3 的 berry 版本的 yarn。
当我运行这些命令来创建项目的基础时：

mkdir vue-error
yarn set version stable
yarn plugin import workspace-tools
yarn init -pw
cd packages
npx create-mf-app # body
yarn
yarn workspace body add single-spa-vue
cd body
yarn start

我收到以下错误：

[webpack-cli] Failed to load '/Users/test/Development/trash/vue-error/packages/body/webpack.config.js' config
[webpack-cli] Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
    at Object.<anonymous> (/Users/jcuzmar/Development/trash/vue-error/.yarn/__virtual__/vue-loader-virtual-8ff7836f4c/0/cache/vue-loader-npm-16.8.3-e05f7daca3-7c0566847b.zip/node_modules/vue-loader/dist/compiler.js:14:15)
    at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.external_module_.Module._load (/Users/jcuzmar/Development/trash/vue-error/.pnp.cjs:17959:14)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/Users/jcuzmar/Development/trash/vue-error/.yarn/__virtual__/vue-loader-virtual-8ff7836f4c/0/cache/vue-loader-npm-16.8.3-e05f7daca3-7c0566847b.zip/node_modules/vue-loader/dist/index.js:8:20)
    at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)

我尝试添加：

packageExtensions:
  "@vitejs/plugin-vue@*":
    peerDependencies:
      'vue': '*'
      '@vue/compiler-sfc': '*'
      webpack: '*'

没有成功。

【问题讨论】：

标签： vue.js webpack vuejs3 yarn-workspaces webpack-module-federation

【解决方案1】：

将vue 升级到最新的可用版本为我解决了这个问题:)

如果您使用 Yarn：

yarn add vue@3.2.26

如果你使用 NPM：

npm i vue@3.2.26

任何等于或高于 3.2.13 的版本都应该处理它。

【讨论】：