#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']
    }
  }
}
相关推荐
大数据追光猿13 分钟前
Python中的Flask深入认知&搭建前端页面?
前端·css·python·前端框架·flask·html5
莫忘初心丶16 分钟前
python flask 使用教程 快速搭建一个 Web 应用
前端·python·flask
横冲直撞de1 小时前
前端接收后端19位数字参数,精度丢失的问题
前端
我是哈哈hh1 小时前
【JavaScript进阶】作用域&解构&箭头函数
开发语言·前端·javascript·html
摸鱼大侠想挣钱1 小时前
ActiveX控件
前端
谢尔登1 小时前
Vue 和 React 响应式的区别
前端·vue.js·react.js
酷酷的阿云1 小时前
Vue3性能优化必杀技:useDebounce+useThrottle+useLazyLoad深度剖析
前端·javascript·vue.js
神明木佑1 小时前
HTML 新手易犯的标签属性设置错误
前端·css·html
老友@1 小时前
OnlyOffice:前端编辑器与后端API实现高效办公
前端·后端·websocket·编辑器·onlyoffice
bin91531 小时前
DeepSeek 助力 Vue 开发:打造丝滑的缩略图列表(Thumbnail List)
前端·javascript·vue.js·ecmascript·deepseek