TypeScript React添加PDF实现下载遇模块类型错误求助

1. 修正PDF类型声明文件 #

你的types.s.ts写法存在错误，替换为以下正确的类型声明：

declare module "*.pdf" {
  const filePath: string;
  export default filePath;
}

• 删除原文件中错误的export default module;语句，改为明确声明PDF模块导出的是文件路径字符串。

2. 确保TypeScript识别类型文件 #

打开项目根目录的tsconfig.json，检查include字段是否包含src下所有文件，确保类型声明被扫描到：

{
  "include": ["src/**/*"]
}

3. 修正PDF导入路径 #

你的导入路径有误：如果Resume.tsx和Resume.pdf都在src目录下，路径应该是相对当前组件的路径，而非向上跳出src目录：

import resumePDF from "./Resume.pdf";

4. 优化下载按钮行为 #

给<a>标签添加download属性，指定下载后的文件名，确保浏览器触发下载而非直接打开PDF：

<a href={resumePDF} download="My_Resume.pdf">
  <button id="resume-button">Download Resume</button>
</a>

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