当我们在使用 Webpack 打包前端项目时，有时会遇到一个错误提示：
ERROR in ./src/index.ts Module not found: Error: Can't resolve 'xxx' in 'path/to/project/src'
这个错误提示的意思是 Webpack 在打包时找不到名为 xxx 的模块，通常是由于我们在代码中引用了一个第三方库，但是这个库没有提供声明文件（即 .d.ts 文件），因此 TypeScript 无法识别该模块。
解决方法
解决这个问题的方法有两种：一种是手动创建声明文件，另一种是使用 @types 。
手动创建声明文件
手动创建声明文件的方法比较麻烦，需要我们自己编写 .d.ts 文件，并且需要了解 TypeScript 的类型系统。下面是一个简单的例子。
假设我们要使用一个名为 jquery 的库，但是该库没有提供声明文件。我们可以在项目中创建一个 jquery.d.ts 文件，并在其中定义 jquery 的类型：
declare var $: (selector: string) => any;
然后在我们的代码中使用 import 引入 jquery：
import $ from 'jquery';
这样就可以解决该错误了。
使用 @types
另一种方法是使用 @types ，这是 TypeScript 官方推荐的方法。@types 是一组 TypeScript 声明文件的存储库，我们可以通过它来获取第三方库的声明文件。
我们可以使用 npm 安装 @types ：
npm install @types/xxx --save-dev
其中 xxx 表示要安装的库的名称。例如，如果要安装 jquery 的声明文件，我们可以运行以下命令：
npm install @types/jquery --save-dev
安装完成后，我们就可以在代码中像使用其他库一样使用 jquery 了：
import $ from 'jquery';
总结
Webpack 打包时出现 Could not find a declaration file for module 'xxx' 错误通常是因为第三方库没有提供声明文件。我们可以手动创建声明文件，也可以使用 @types 。使用 @types 更加方便，推荐使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650eab0395b1f8cacd7be1b2