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

问题描述

引入 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 这个包来解决报错问题。