【Vue+Element】[ERROR] Could not resolve “@vue/reactivity“. You can mark the path “@vue/reactivity“...

问题描述

引入 Element Plus 后控制台报错，报错信息如下。

Failed to load resource: the server responded with a status of 504 (Outdated Optimize Dep)

查看命令行控制台，发现报错。

X [ERROR] Could not resolve "@vue/reactivity"

    node_modules/.store/element-plus@2.4.1/node_modules/element-plus/es/hooks/use-lockscreen/index.mjs:2:25:
      2 │ import { computed } from '@vue/reactivity';
        ╵                          ~~~~~~~~~~~~~~~~~

  You can mark the path "@vue/reactivity" as external to exclude it from the bundle, which will
  remove this error.

---

原因分析

这个错误是由于无法解析到 @vue/reactivity 这个包导致的。@vue/reactivity 是 Vue 内部使用的响应式库。

---

解决方案

安装 @vue/reactivity 包。

npm install --save @vue/reactivity

在项目中使用 Element Plus 时，需要确保已经安装了 @vue/reactivity 包，以解决无法解析到该包的问题。