使用pnpm run build构建项目出现Failed to resolve entry for package “@vue-office/docx“错误

原因:一直显示找不到是因为pnpm i下载依赖的时候会忽略下载@vue-office/docx, @vue-office/excel, @vue-office/pdf几个依赖。
在这里插入图片描述
解决方法:手动执行pnpm approve-builds命令( pnpm版本要更新到10.0版本以上),选择未下载到的包依赖,执行完毕后在package.json中生成onlyBuiltDependencies项
更新pnpm:

// 下载某个版本
npm install -g pnpm@10.5.2

// 更新到最新稳定版
npm self update

在这里插入图片描述
在这里插入图片描述

### 如何在 Vue 项目中引入和使用 `element-plus/icons-vue` #### 安装 为了在 Vue 项目使用 Element Plus 的 Icon 图标,首先需要通过所选的包管理工具来安装依赖库: 对于 NPM 用户而言,命令如下: ```bash $ npm install @element-plus/icons-vue ``` Yarn 用户可以执行以下命令: ```bash $ yarn add @element-plus/icons-vue ``` 而 pnpm 用户则应运行此命令: ```bash $ pnpm install @element-plus/icons-vue ``` [^1] #### 全局注册 完成上述安装之后,可以在项目的入口文件(通常是 main.js 或者 main.ts 文件)里全局导入并注册这些图标组件。这使得在整个应用程序中的任何地方都可以直接使用它们。 示例代码片段展示了如何实现这一点: ```javascript import { createApp } from 'vue' import App from './App.vue' // 导入整个图标集合 import * as Icons from '@element-plus/icons-vue'; const app = createApp(App); Object.keys(Icons).forEach(key => { app.component(key, Icons[key]); }); app.mount('#app'); ``` [^2] #### 局部或按需加载 如果只希望局部地或者按照需求去加载特定的图标而不是全部的话,则可以根据官方文档指导来进行配置。例如,在模板内可以直接指定所需的具体图标名称作为标签名的一部分,注意这里的命名规则——所有单词间以连字符相连且首字母保持小写形式: HTML结构看起来会像是这样: ```html <el-icon><i-ep-chat-dot-round /></el-icon> ``` [^3] 即使遇到一些意外情况比如版本兼容性问题也不必太过担心,因为即便存在某些不确定因素影响到了具体操作过程,最终也有可能自行恢复正常工作状态。 [^4]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值