问题描述
引入 Element Plus 后控制台报错,报错信息如下。
Failed to load resource: the server responded with a status of 504 (Outdated Optimize Dep)
查看命令行控制台,发现报错。
X [ERROR] Could not resolve "@vue/shared"
node_modules/.store/element-plus@2.4.1/node_modules/element-plus/es/components/select-v2/src/util.mjs:1:24:
1 │ import { isArray } from '@vue/shared';
╵ ~~~~~~~~~~~~~
You can mark the path "@vue/shared" as external to exclude it from the bundle, which will remove
this error.
原因分析
这个错误是由于无法解析到 @vue/shared 这个包导致的。@vue/shared 是 Vue 内部使用的一个共享工具库。
解决方案
将 @vue/shared 添加到项目的依赖中。
npm install --save @vue/shared
补充说明
在使用 Element Plus 时,有时会遇到一些依赖包无法解析的问题,这时可以通过手动安装缺失的依赖包来解决。在这个例子中,我们需要手动安装 @vue/shared 这个包来解决报错问题。