Webpack+TypeScript环境中导入jsPDF失败的问题求助

我之前在TS项目里集成jsPDF时也踩过一模一样的坑！你现在遇到的Module not found: Can't resolve 'jspdf'错误，核心原因大概率是只安装了类型定义包@types/jspdf，却没装jsPDF的核心功能库——@types/*系列包只是给TypeScript提供类型提示的，完全不包含实际的库代码。

解决步骤： #

1. 先安装jsPDF核心库
   打开终端执行：

   npm install jspdf --save
   # 或者用yarn/pnpm
   # yarn add jspdf
   # pnpm add jspdf
   

   这一步是关键，之前你只装了类型定义，Webpack自然找不到实际的jspdf模块。

2. 使用正确的导入方式
   安装完核心库后，推荐用以下TS兼容的导入方式：

   import { jsPDF } from 'jspdf';
   

   然后就可以正常实例化使用了：

   const doc = new jsPDF();
   doc.text('Hello World!', 10, 10);
   doc.save('a4.pdf');
   

   如果你习惯CommonJS风格，也可以用：

   const { jsPDF } = require('jspdf');
   

   你之前尝试的import * as jsPDF from 'jspdf'或者直接require('@types/jspdf')都不对——前者是旧版本jsPDF的导入方式，后者直接导入类型定义包完全没有意义。

3. 检查Webpack配置（可选）
   确保你的Webpack配置里resolve.extensions包含了.ts和.js，这样Webpack能正确解析模块：

   module.exports = {
     // ...其他配置
     resolve: {
       extensions: ['.ts', '.js', '.json'],
     },
   };
   

4. 清理缓存（如果还是报错）
   有时候npm缓存或者node_modules的残留会导致奇怪的问题，可以尝试：

   rm -rf node_modules package-lock.json
   npm install
   

为什么Plotly可以正常工作？ #

你提到的plotly.js本身已经内置了TypeScript类型定义，不需要额外安装@types/plotly.js，所以你直接安装核心包后就能正常导入使用，和jsPDF的情况不一样。

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