#typescript 使用file-saver模块#

场景:前端使用file-saver模块做导出文档的时候,出现两个错误

1:npm run build 提示找不到模块,如图

解决方法:

先卸载,不管是否安装都先要卸载 ,然后安装:

复制代码
npm uninstall file-saver
npm  install --save-dev  @types/file-saver

2: 执行npm run build 提示错误If you do want to externalize this module explicitly add it to `build.rollupOptions.external`

如图所示:

原因:主要是这个要作为外部资源引入到编译的代码中

解决方法:

要解决这个问题,可以将该模块添加到 build.rollupOptions.external 选项中。例如,假设我们有一个名为 lodash 的 NPM 包作为外部依赖项,那么可以这样配置:

复制代码
// vite.config.js
export default {
  build: {
    rollupOptions: {
      external: ['lodash']
    }
  }
}
相关推荐
Zhencode5 小时前
Vue3 响应式依赖收集与更新之effect
前端·vue.js
x-cmd5 小时前
[x-cmd] jsoup 1.22.1 版本发布,引入 re2j 引擎,让 HTML 解析更安全高效
前端·安全·html·x-cmd·jsoup
天下代码客6 小时前
使用electronc框架调用dll动态链接库流程和避坑
前端·javascript·vue.js·electron·node.js
weixin199701080166 小时前
【性能提升300%】仿1688首页的Webpack优化全记录
前端·webpack·node.js
冰暮流星6 小时前
javascript之数组
java·前端·javascript
晚霞的不甘7 小时前
Flutter for OpenHarmony天气卡片应用:用枚举与动画打造沉浸式多城市天气浏览体验
前端·flutter·云原生·前端框架
xkxnq7 小时前
第五阶段:Vue3核心深度深挖(第74天)(Vue3计算属性进阶)
前端·javascript·vue.js
三小河7 小时前
Agent Skill与Rules的区别——以Cursor为例
前端·javascript·后端
Hilaku7 小时前
不要在简历上写精通 Vue3?来自面试官的真实劝退
前端·javascript·vue.js
三小河7 小时前
前端视角详解 Agent Skill
前端·javascript·后端