问题描述
引入 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 包,以解决无法解析到该包的问题。