Nuxt3项目构建后运行报错：ERR_MODULE_NOT_FOUND找不到pdfmake模块

方案1：修正导入路径 #

直接按照报错提示的完整路径导入pdfmake，替换原来的导入语句：

import pdfMake from 'pdfmake/build/pdfmake.js'
import pdfFonts from 'pdfmake/build/vfs_fonts.js'
pdfMake.vfs = pdfFonts.pdfMake.vfs

开发模式下模块解析有宽松处理，但生产构建后需要明确指向编译后的文件，这样能确保运行时正确找到模块。

方案2：配置Nuxt构建排除项 #

在nuxt.config.ts中添加external配置，让Nuxt不打包pdfmake，运行时直接从node_modules加载：

export default defineNuxtConfig({
  build: {
    external: ['pdfmake']
  }
})

注意部署时要确保生产环境的node_modules中安装了pdfmake依赖，不要遗漏npm install步骤。

方案3：用Nuxt插件封装pdfmake #

创建客户端专属插件统一处理pdfmake的加载，避免服务端渲染时加载浏览器端库：

1. 在plugins/目录新建pdfmake.client.ts：

import pdfMake from 'pdfmake/build/pdfmake'
import pdfFonts from 'pdfmake/build/vfs_fonts'

pdfMake.vfs = pdfFonts.pdfMake.vfs

export default defineNuxtPlugin(() => {
  return {
    provide: {
      pdfMake
    }
  }
})

2. 在组件中通过插件获取实例：

const { $pdfMake } = useNuxtApp()
// 调用$pdfMake生成PDF

替代方案：换用其他PDF生成库 #

如果pdfmake的适配问题难以解决，可以考虑这些替代选项：

• jsPDF：轻量级基础PDF生成库，支持文本、图片、简单表格
• html2pdf.js：直接将HTML元素转换为PDF，适合已有页面导出场景
• @nuxtjs/html2pdf：基于html2pdf.js的Nuxt集成模块，配置更便捷

内容的提问来源于stack exchange，提问作者Jacky Supit